html - Kendo UI 将文本切换为 html

Question

我正在尝试使我的剑道文本框可以将文本框的内容显示为 html。如果用户输入 html 并单击该选项，它将向他们显示内容的 html 外观。

我正在使用剑道制作具有多个选项的文本框。

这是它显示的图像

这是创建文本框的代码

<div class="editor-field">
   @(Html.Kendo().EditorFor(model => model.BlogText)
        .ImageBrowser(imageBrowser => imageBrowser
        .Image("~/Content/UserFiles/Images/{0}")
        .Read("Read", "ImageBrowser")
        .Create("Create", "ImageBrowser")
        .Destroy("Destroy", "ImageBrowser")
        .Upload("Upload", "ImageBrowser")
        .Thumbnail("Thumbnail", "ImageBrowser"))
   )
   @Html.ValidationMessageFor(model => model.BlogText)
</div>

我看到 Kendo.Mvc.UI.Fluent 的 EditorBuilder 类中有一个名为 Encode 的方法

// Summary:
//     Encode HTML content.
public EditorBuilder Encode(bool value);

我不确定这是否是启用 html 编码的方法

更新

我需要添加查看 HTML 按钮。只需要弄清楚如何

Answer 1

这仅适用于“特殊字符”，这些字符可能不适用于标准字符集，例如 <>！我不认为这就是你要找的。

Answer 2

我找到了查看 HTML 的方法。有一个工具部分，有一个 ViewHtml 工具

@(Html.Kendo().EditorFor(model => model.BlogText)
    .Tools(tools => tools
       .ViewHtml())
    .ImageBrowser(imageBrowser => imageBrowser
    .Image("~/Content/UserFiles/Images/{0}")
    .Read("Read", "ImageBrowser")
    .Create("Create", "ImageBrowser")
    .Destroy("Destroy", "ImageBrowser")
    .Upload("Upload", "ImageBrowser")
    .Thumbnail("Thumbnail", "ImageBrowser"))
 )