TINYMCE 只读影响打印按钮

Question

我已将 TinyMCE 设置为只读，如下所示我只想要 Textarea 是只读的

<script>
    tinymce.init({

        readonly : 1,
        selector: "#editor",

        plugins: "image lists searchreplace fullscreen hr print preview " +
            "anchor code save emoticons directionality spellchecker pagebreak insertdatetime template table",

        toolbar:
            "| print "
    });
</script>

我什至尝试将文本区域设置为只读，但这也没有阻止编辑。

我发布的代码有效，但也阻止了打印按钮的工作。有什么办法可以解决这个问题，因为我只想让打印按钮起作用？

Answer 1

TinyMCE 的 readonly 模式通过禁用编辑器本身来工作。对于真正处于只读模式的编辑器，必须禁用工具栏和菜单项以防止它们更改内容。

但是，当编辑器本身处于只读模式时，仍然可以通过编程方式触发 TinyMCE 的打印命令。

我创建了一个 Tiny Fiddle 演示了一种使用 Tiny 的 execCommand API 的方法： http://fiddle.tinymce.com/iOgaab/1

Answer 2

几天前我遇到了同样的问题，我使用 JQuery 做了一个解决方案：

tinymce.init({

  readonly    : 1, // It will block my buttons :(

  // But....
  setup: ( function ( editor ) {

    //  Fired when the editor skin has been loaded.
    editor.on('SkinLoaded', function(){

      // Change Toolbar styles
      $(".tox-toolbar-overlord").first().removeClass('tox-tbtn--disabled');
      $(".tox-toolbar-overlord").first().attr( 'aria-disabled', 'false' );

      // And activate ALL BUTTONS styles
      $(".tox-toolbar__group button").removeClass('tox-tbtn--disabled');
      $(".tox-toolbar__group button").attr( 'aria-disabled', 'false' );
    })
  })

});

注意：我只是使用全屏按钮打印，抱歉 3 年前我不知道这个很棒的工具 :D

TINYMCE 只读影响打印按钮

TINYMCE Read Only affects print button

tinymce