TinyMCE 固定_工具栏_容器配置

Mes*_*esh 3 javascript tinymce tinymce-4

我尝试在tinymce.init中使用fixed_toolbar_container配置,但它给我留下了纯html文本区域而不是富文本编辑器。这是我的代码:

<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>
Run Code Online (Sandbox Code Playgroud)

我正在使用最新版本的 TinyMCE 4.0.1。

有人可以告诉我如何将 TinyMCE 工具栏(附加到文本区域顶部)分解为单独的 DIV/iFrame 吗?

我将欣赏有效的示例代码。

提前致谢!

Chr*_*ach 5

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