自定义 TinyMCE 代码编辑器答案

【问题标题】：Customize TinyMCE Code Editor自定义 TinyMCE 代码编辑器
【发布时间】：2018-03-23 19:15:46
【问题描述】：

我使用 TinyMCE（在 npm 上带有 react-tinymce moudle）。我需要自定义 HTML 代码编辑器，使它看起来像 Wordpress 上的那个。我认为这应该是可能的，因为 Wordpress 使用 TinyMCE。

让 Wordpress 上的编辑器很舒服的是我们不需要在代码编辑器上输入 <br> 或 <p>。但是当我们切换到可视模式时，它会自动添加<br>或<p>。这使文本看起来更清晰，更易于阅读。

另一个问题是如何使代码编辑器不显示在弹出窗口中。弹出窗口的主要问题是当我们不小心按下 esc 或取消按钮时它会被关闭。此外，Wordpress 代码编辑器还有一个工具栏，而默认的 TinyMCE 代码编辑器只是一个弹出框上的文本区域。

【问题讨论】：

【解决方案1】：

TinyMCE 附带的代码插件将 HTML 代码放置在一个单独的窗口中 - 没有允许代码直接出现在编辑器主窗口中的配置选项。

如果您想将此作为功能请求提交，TinyMCE 可以满足您的要求：

【讨论】：