TinyMce

Question

在我的应用程序中，我有 TinyMce 插件。现在我需要随时将富文本转换为明文。在此example我怀疑可以做到。

唯一的问题是如何？我看到了添加选择框和js功能的解决方案。 TinyMCE没有内置机制吗？

Answer 1

您所要做的就是关闭 tinymce 并显示 tinymce 路由元素（您为其创建了 tinymce 编辑器的 div）。文本区域是可编辑的，并显示编辑器的完整 HTML-Contents。

关闭你的 tinymce 使用

tinymce.get('your_editor_id').remove();

要使底层文本区域可见：

document.getElementById('your_editor_id').setAttribute('style', visibility:visible; display:block;);

或使用 jQuery

$('#your_editor_id').css('visibility', 'visible').css('display', 'block');

更新：

这适用于 Tinymce 4。使用设置参数

setup: function(ed)
{
  ed.on('click', function(e){
    tinymce.execCommand('mceToggleEditor', false, 'your editor_id');
  });
}

这是一个可以工作的 tinymce fiddle：http://fiddle.tinymce.com/Fnfaab

Answer 2

您可以使用 tinymce API 并像这样调用 Formatter class：

tinymce.activeEditor.formatter.remove();  // no format name==all formats

TinyMce - 可以禁用富文本吗？