如何在tinyMCE中自定义单个textarea
abb*_*ood 2 html javascript css jquery tinymce
这个答案解释了如何删除tinyMCE中所有表单字段的菜单栏和状态栏:
tinymce.init({
selector: "textarea",
menubar:false,
statusbar: false,
..
});
我的问题是:如何为单个文本区域执行此操作？即我想要一些状态栏和其他人不...
您需要为textarea元素指定一个id,然后在每个配置中使用它:
tinymce.init({
selector: "textarea#editor1",
menubar:false,
statusbar: false,
...
});
<textarea id="editor1"></textarea>
tinymce.init({
selector: "textarea#editor2",
// standard toolbar for editor 2
...
});
<textarea id="editor2"></textarea>
// and so on...
这样,您可以告诉tinyMCE配置生效的textarea.看看tinyMCE网站上的高级示例:
selector: "textarea#elm1",
Select only the textarea with ID elm1
UPDATE
对的,这是可能的.您需要为所有编辑器设置唯一ID,但可以一次选择多个ID,如下所示:
<script type="text/javascript">
tinymce.init({
selector: "textarea#common1,textarea#common2",
theme: "modern",
height: 100,
menubar:false,
statusbar: false
});
tinymce.init({
selector: "textarea#comment_toolbox",
theme: "modern",
height: 100,
toolbar: false
});
</script>
</head>
<body>
<div width="100%" height="100%">
<textarea id="common1"></textarea>
<br/>
<textarea id="comment_toolbox"></textarea>
<br/>
<textarea id="common2"></textarea>
<br/>
</div>
</body>
该网站看起来如预期:
| 归档时间： |
|
| 查看次数： |
2224 次 |
| 最近记录： |