你能在TinyMCE 4.x编辑器上以只读方式切换吗?

Can you toggle readonly on a TinyMCE 4.x editor

本文关键字:只读 方式切 编辑器 TinyMCE      更新时间:2023-09-26

我想在启用/禁用状态之间切换表单。 该表单包括使用tinyMCE 4.0编辑器实现的格式化文本字段。 我可以将其设置为加载时只读,如下所示

tinyMCE.on('AddEditor', function(addEditorEvent) {
    addEditorEvent.editor.settings.readonly = true;
});

但随后打电话

tinyMCE.get('my-editor').settings.readonly = false;

没有效果。 有没有办法触发编辑器重新初始化或其他方法让它接收这种状态变化?

使用 setMode 方法:

editor.setMode('readonly');
<script type="text/javascript">
  tinymce.init({ selector: 'textarea' });
  var is_disabled = false;
  function enable_disable(btn) {
      is_disabled = !is_disabled;
      tinymce.activeEditor.getBody().setAttribute('contenteditable', !is_disabled);
      btn.value = is_disabled ? "Enable" : "Disable";
  }
</script>
<textarea>Your content here.</textarea>
<input type="button" value="Disable" onclick = "enable_disable(this)" />