如何在数据表中启用/显示 tincymce?
对于每个数据表行,我都有一个显示 html 内容的文本区域。我需要在 tincymce 而不是 textarea 中显示这个 html 内容。因此,如果我每页有十行,我将有十行显示 html 内容的 tinymces。
我正在从服务器获取 html 内容,但目前在裸 html textarea 中显示此内容。
如何在数据表中启用/显示 tincymce?
对于每个数据表行,我都有一个显示 html 内容的文本区域。我需要在 tincymce 而不是 textarea 中显示这个 html 内容。因此,如果我每页有十行,我将有十行显示 html 内容的 tinymces。
我正在从服务器获取 html 内容,但目前在裸 html textarea 中显示此内容。
首先,我假设您在 asp.net 中工作,因为您没有使用任何编程语言标记它。
现在已经不碍事了,让我们首先将所有要转换为编辑器的元素放在一个数组中:
c = new Array('<%= ((UpdatePanel1.FindControl("FormView1")).FindControl("txteditor")).ClientID %>', '...');
然后将它们组合成一个 tinyMCE 可读的字符串:
var sC = c.join();
最后在 tinyMCE.init() 中告诉你想要将哪些元素变成编辑器:
elements: sC
首先,您需要将数据库内容呈现到服务器端的 textarea 元素中或在 ajax 调用之后(这取决于您的系统和用例)。现在您需要初始化 tinymce 编辑器。
您应该在此处查看有关您需要做什么的详细说明。
TinyMCE 常见问题解答也可能会有所帮助。
像这样的东西怎么样(未测试)
向所有文本区域添加一个相同的类,并在函数的editor_selector
属性中使用它tinyMCE.init
:
多选示例
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple",
editor_selector : "mceEditor",
editor_deselector : "mceNoEditor"
});
</script>
<form method="post" action="somepage">
<textarea id="content1" name="content1" class="mceEditor" cols="85" rows="10">This will be a editor, since it has a selector class.</textarea>
<textarea id="content2" name="content2" class="mceEditor" cols="85" rows="10">This will be a editor, since it has a selector class.</textarea>
<textarea id="content3" name="content3" class="mceNoEditor" cols="85" rows="10">This is not a editor since it has a deselector class.</textarea>
</form>
同样的事情也应该适用于数据表......