【问题标题】:UWP Webview Content EditableUWP Webview 内容可编辑
【发布时间】:2017-06-05 03:53:13
【问题描述】:

我的 UWP windows 商店应用中有一个 webview。它识别 html 内容并相应地呈现。现在我需要这个 webview 是可编辑的。请帮助某人。

【问题讨论】:

  • 请解释一下,你到底是什么意思?
  • 我已有 html 格式的内容(粗体、斜体、虚线边框、所有 html 样式)。我需要按原样以 html 格式(带有样式)查看此内容,然后仅编辑此内容中的文本。可以通过将 contenteditable div 添加到 html 内容来解决。

标签: webview uwp


【解决方案1】:

有一个本地 html 文件,其正文为 contenteditable div,并使用 WebView.NavigateToLocalStreamUri 方法(Here's the Sample),导航到此页面。然后使用您的字符串设置 div 的内容。另请参阅 WebView.InvokeScriptAsync 和 ScriptNotify 以从 webview 注入和检索数据。

【讨论】:

  • :感谢您的建议。我已将 contenteditable div 添加到 html 内容中,并且能够按原样使用 html 样式编辑 Webview。非常感谢。
【解决方案2】:

WebView 仅用于显示 HTML 内容。您需要使用不同的控件来编辑 HTML。

开箱即用,对此没有什么特别的。最接近的是RichTextBox,但您需要将其创建的内容从 RTF 转换为 HTML。这个answer to a similar question 指向this guide on how to do it

【讨论】:

  • 感谢马特的建议。我要求的问题是,我已经有 html 格式的内容(粗体、斜体、虚线边框、所有 html 样式)。我需要按原样以 html 格式(带有样式)查看此内容,然后仅编辑此内容中的文本。还有什么可以帮助这种情况的吗?
  • @user3098151 你可以尝试嵌入一个基于网络的 HTML 编辑器(谷歌找到一些我没有建议也没有尝试过的)并在 Webview 中使用它。
  • 谢谢马特。会试试的。
【解决方案3】:

导航完成后,您可以将 javascript“注入”到 webview。 注入脚本你可以做你想要的逻辑。你可以在 NavigateComplete 事件中注入它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-07-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-08
    • 1970-01-01
    • 2014-02-05
    相关资源
    最近更新 更多