javascript - 解析 KendoEditor TextArea 中的特殊字符

Question

当我在 KendoEditor 小部件呈现的文本区域中插入特殊字符时遇到问题。我通过以下方式配置了我的小部件:

function configureRequestNotesEditor() {
$("#notes").kendoEditor({
    resizable: {
        content: true
    },
    pasteCleanup: {
        all: true,
        css: true,
        keepNewLines: true,
        msAllFormatting: true,
        msConvertLists: true,
        msTags: true,
        none: false,
        span: false
    },
    tools: [
        "bold", "underline", "insertUnorderedList", "insertOrderedList", "indent", "outdent"
    ]
});

};

当我将数据发送到我的 api 时，我使用 javascript 函数 escape() ，当我从 api 检索数据时，调用 javascript 函数 unescape() 。我输入到文本区域字段的文本如下:

Send to James in UW ASAP.  See attached files.  How long is this field?
300
The amount should be <any amount you can think of.

当数据保存并渲染回 UI 时，以下内容将打印到屏幕上

<p>Send to James in UW ASAP. See attached files. How long is t his field?</p><p>300</p><p>The amount should be &lt;any amount you can think of.</p>

问题是，如何以保存数据的方式将数据转换回来？我做错了什么来防止这种情况发生？另外，我忘了提及，在 C# 后端，我在将文本存储到数据库之前使用 HttpUtility.HtmlDecode(randomText)。

Answer 1

我在使用kendo Editor时也遇到了这个问题。不过，我使用的是 ASP.NET 包装器，因此我将提供我处理它的方式。希望对您有所帮助。

在我的编辑器中我设置了

.Encode(false) 

在表单提交的操作方法中，我设置了

[ValidateInput(false)]

通过这两个添加，我不必转义任何字符。当然，通过这种方式，我在数据库中保存了格式化文本，这显然是需要的，以便在向用户显示数据时具有相同的格式。