TinyMCE fixed_toolbar_container 配置答案

【问题标题】：TinyMCE fixed_toolbar_container configurationTinyMCE fixed_toolbar_container 配置
【发布时间】：2013-06-25 13:26:49
【问题描述】：

我尝试在 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 工具栏（附加到文本区域顶部）分解为单独的 DIV/iFrame 吗？

我会很感激一个工作示例代码。

提前致谢！

【问题讨论】：

标签： javascript tinymce tinymce-4

【解决方案1】：

您同时使用选择器textarea 和inline: true，这是冲突的。删除内联设置，或将选择器更改为您希望可编辑的某个 DIV 类名或 ID。

【讨论】：

我也有同样的问题。如果你想使用带有文本区域的内联工具栏怎么办？内联工具栏看起来不错，我必须将内容放在表单回发的文本区域中。我可以在提交时复制内容，但感觉就像一个丑陋的黑客......
您不必将内容保存在文本区域中以使表单回发工作，您可以在 DIV 上使用内联模式，例如类名 .editable。 TinyMCE 将发送具有与DIV 相同 ID 的数据 - 如果元素没有任何 ID，则创建一个 ID。
您将如何在 .net 网络表单中做到这一点？我怀疑它是否可以与 viewstate 一起使用，因为它必须在页面上有 textarea-control。为什么 tinymce4 不像 tinymce3 那样只适用于标准文本区域标签？我想我现在会跳过内联编辑器，希望他们能解决这个问题。
我不知道视图状态是如何工作的，但您可以将内容从 DIV 复制到隐藏字段并返回提交和页面加载事件。更好的方法可能是找到处理 fixed_toolbar_container 的 tinyMCE 代码，并进行必要的更改以支持非内联模式。
我的大脑一定已经短路了一段时间，显然是快速简单的修复 - 无需更改 tinyMCE 代码 - 您需要做的就是在表单有时将 POST 数据插入 DIV已提交，因为它已与表单一起发送。