我怎样才能用 c sharp 设置 tiny_mce 内容
How can i set tiny_mce content with c sharp
我有一个文本区域 tiny_mce 例如
<textarea id="Textarea1" name="abc" rows="15" cols="80" style="width: 80%">
</textarea>
我想在页面加载时设置它。
如果我添加 runat server ,这将更改为 "pure textarea" 而不是 tiny_mce 控件。
如何设置 c sharp 的内容?
请记住,TinyMCE 是一个基于 JavaScript 的编辑器,100% 在客户端运行 - 没有服务器端 API 可以与 TinyMCE 对话。
加载内容的API是在浏览器中运行的JavaScriptAPI:
https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#setcontent
如果您想使用此 API,您需要将数据从服务器传递到浏览器,然后使用该数据调用 setContent()
。您可以将数据放入 JavaScript 变量中,进行 AJAX 调用以在页面加载时获取数据 - 您有多种选择。
如果您想在服务器端执行此操作,唯一的选择是将 HTML 放在 <textarea>
标记内。类似于:
<textarea>
<p>text &lt; text</p>
</textarea>
这种方法的一个主要复杂之处在于,您放置在 <textarea>
中的 HTML 需要像我上面的示例一样进行转义。这不是使用 setContent()
API.
时的要求
更新: 如果刷新有时使这项工作成功,您可能遇到了时间问题 - 您可能在初始化编辑器之前尝试使用 TinyMCE APIs。如果您的目标是在加载 TinyMCE 时加载内容,您可以在 TinyMCE 配置中使用类似这样的东西:
setup: function (editor) {
editor.on('init', function () {
// Your AJAX call to get the content
this.setContent(variableWithTheContent);
});
}
在编辑器初始化之前不会调用此函数,因此您可以确定 API 之类的 setContent()
会在此时运行。
我有一个文本区域 tiny_mce 例如
<textarea id="Textarea1" name="abc" rows="15" cols="80" style="width: 80%">
</textarea>
我想在页面加载时设置它。 如果我添加 runat server ,这将更改为 "pure textarea" 而不是 tiny_mce 控件。 如何设置 c sharp 的内容?
请记住,TinyMCE 是一个基于 JavaScript 的编辑器,100% 在客户端运行 - 没有服务器端 API 可以与 TinyMCE 对话。
加载内容的API是在浏览器中运行的JavaScriptAPI:
https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#setcontent
如果您想使用此 API,您需要将数据从服务器传递到浏览器,然后使用该数据调用 setContent()
。您可以将数据放入 JavaScript 变量中,进行 AJAX 调用以在页面加载时获取数据 - 您有多种选择。
如果您想在服务器端执行此操作,唯一的选择是将 HTML 放在 <textarea>
标记内。类似于:
<textarea>
<p>text &lt; text</p>
</textarea>
这种方法的一个主要复杂之处在于,您放置在 <textarea>
中的 HTML 需要像我上面的示例一样进行转义。这不是使用 setContent()
API.
更新: 如果刷新有时使这项工作成功,您可能遇到了时间问题 - 您可能在初始化编辑器之前尝试使用 TinyMCE APIs。如果您的目标是在加载 TinyMCE 时加载内容,您可以在 TinyMCE 配置中使用类似这样的东西:
setup: function (editor) {
editor.on('init', function () {
// Your AJAX call to get the content
this.setContent(variableWithTheContent);
});
}
在编辑器初始化之前不会调用此函数,因此您可以确定 API 之类的 setContent()
会在此时运行。