如何在tinyMCE 4.x中使用readonly?

时间:2013-09-23 10:12:47

标签: tinymce tinymce-4

我在这里看了很多帖子,但是每个帖子都太旧了,而且它与tinyMCE 4.x没有联系我几天都在网上搜索,我找不到在readonly中设置tinyMCE 4.x的选项模式。

此刻我只是隐藏工具栏和菜单栏,但我仍然可以删除文字等...

3 个答案:

答案 0 :(得分:4)

这就是我将其设为只读的方式。

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

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

答案 1 :(得分:0)

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

此处的关键点是将readonly设置为10,而不是truefalse。例如,这是我的初始化代码:

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'
        });

答案 2 :(得分:0)

如通过此链接https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@readonly/所看到的TinyMCE文档中所述,应该将readonly属性设置为'1'而不是'true'。

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

希望这会有所帮助