如何使tinyMCE 4.x中的readonly工作?

如何使tinyMCE 4.x中的readonly工作?,tinymce,tinymce-4,Tinymce,Tinymce 4,我在这里看到了很多帖子,但是每一篇都太老了,而且没有与tinyMCE 4.x连接。我从几天开始在网上搜索,我找不到将tinyMCE 4.x设置为只读模式的选项 现在我只是隐藏工具栏和菜单栏,但我仍然可以删除文本等等…这就是我如何使其成为只读的 tinymce.init({ selector: "#id", readonly: true, toolbar: false, menubar: false, statusbar: false // more inits... })

我在这里看到了很多帖子,但是每一篇都太老了,而且没有与tinyMCE 4.x连接。我从几天开始在网上搜索,我找不到将tinyMCE 4.x设置为只读模式的选项


现在我只是隐藏工具栏和菜单栏,但我仍然可以删除文本等等…

这就是我如何使其成为只读的

tinymce.init({
  selector: "#id",
  readonly: true,
  toolbar: false,
  menubar: false,
  statusbar: false
  // more inits...
});

您可能需要调整样式以修复编辑器边框。

我花了一些时间研究如何在只读模式下制作tinymce

这里的关键点是将
readonly
设置为
1
0
,而不是
true
false
。例如,下面是我的初始化代码:

tinymce.init({
            selector: "#html-textarea",
            menubar: false,
            statusbar: false,
            resize: "both",
            plugins: [
                "textcolor image link preview code table media noneditable"
            ],
            readonly: status, // **status hold value 0 or 1, NOT true or false**
            toolbar: 'preview | undo redo | removeformat | cut copy paste | formatselect fontselect fontsizeselect | forecolor backcolor | bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | link unlink image media | code table | bullist numlist | outdent indent blockquote'
        });

正如通过此链接看到的TinyMCE文档中所述,readonly属性应设置为“1”,而不是“true”

// Move focus to specific element
tinyMCE.init({
  theme : "advanced",
  readonly : 1
});

希望这有帮助

是的,但我这样做时无法选择文本。。。文章中有一些代码片段,用户可以像tinymce版本3一样复制/粘贴这些代码片段参见tinymce v4.3.x的答案