我尝试在tinymce.init中使用fixed_toolbar_container配置,但它使用普通的html textarea而不是富文本编辑器。这是我的代码:
<html>
<head>
<script src="tinymce\js\tinymce\tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
inline: true,
fixed_toolbar_container: "#mytoolbar",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>
</head>
<form method="post" action="somepage">
<div id="mytoolbar" style="width:800; height:80; border : 1px blue solid"></div></BR>
<textarea id="content"></textarea>
</form>
</html>
我正在使用最新的4.0.1版本的TinyMCE。
有人可以告诉我,我应该如何将TinyMCE工具栏(附在textarea的顶部)解体为单独的DIV / iFrame?
我很感激工作示例代码。
提前致谢!
答案 0 :(得分:4)
您同时使用选择器textarea
和inline: true
,这是有冲突的。删除内联设置,或将选择器更改为您想要编辑的某个DIV类名或ID。