TinyMCE fixed_toolbar_container配置

时间:2013-06-27 21:20:05

标签: javascript tinymce tinymce-4

我尝试在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?

我很感激工作示例代码。

提前致谢!

1 个答案:

答案 0 :(得分:4)

您同时使用选择器textareainline: true,这是有冲突的。删除内联设置,或将选择器更改为您想要编辑的某个DIV类名或ID。