javascript - TinyMCE - 设置编辑器内容

Question

我正在为我的 TinyMCE 编辑器构建自动保存功能。

使用 jQuery，我已将编辑器的内容保存到我的数据库中，现在想将内容加载回编辑器。我在使用来自数据库的 HTML 中的引号 (") 时遇到问题。

我的代码:

var content = "<%=content%>" // Classic ASP variable containing HTML from DB
tinyMCE.activeEditor.setContent(content);

示例输出:

var content = "<p>Oh yes, from Churchill, the <em><span style="text-decoration: underline;"><strong>dog</strong></span></em>.</p>"
tinyMCE.activeEditor.setContent(content);

在变量“content”中，style标签中有双引号导致JS错误。我该如何解决这个问题？我是用单引号替换引号还是使用转义或编码函数？请帮忙。

Answer 1

VBScript 具有像 Javascript 一样的转义功能(如果您使用 JScript 作为经典 asp 中的默认语言，也可以使用)
查看Escape和 UnEscape .
以下是将服务器端变量附加到客户端 js block 的有效方法。

// escape on server-side, unescape with js
var content = unescape("<%= escape(content) %>");
tinyMCE.activeEditor.setContent(content);

示例输出:

var content = unescape("%3Cp%3EOh%20yes%2C%20from%20Churchill%2C%20the%20%3Cem%3E%3Cspan%20style%3D%22text-decoration%3A%20underline%3B%22%3E%3Cstrong%3Edog%3C/strong%3E%3C/span%3E%3C/em%3E.%3C/p%3E");
tinyMCE.activeEditor.setContent(content);