javascript - 在 WordPress wp_editor 中设置 TinyMCE 4 内容

Question

我目前正在 WordPress 中进行前端编辑编码。结果应该是使用 WordPress 帖子进行类似于 Evernote 的编辑。

一个主要问题是合并编辑器的必要动态(DOM(已解决)、Get(已解决)和设置内容的转变)。

Wordpress 数据库存储不带段落的标记，并在交付时添加它们。当您最初在 php 中设置 tinymce 内容时

wp_editor( $content, $editor_id,$settings );

内容被写入(没有段落)在文本区域中，tinymce 在 init 上删除它并在 init 上进行一些处理并将其写入可视化编辑器中。

为了设置我从 WordPress 数据库动态获取的内容，我使用

tinyMCE.get(editor_id).setContent(content);

但不幸的是，这似乎绕过了 tinymce init 上完成的处理，导致换行符和段落丢失。

我当前的解决方法是将 WordPress 的内容设置为 worpress 文本编辑器，然后切换回可视化编辑器，因为这似乎会触发中断和段落的处理:

jQuery( "#myeditor-html" ).trigger( "click" );
jQuery('#textarea_id').val(content);
jQuery( "#myeditor-tmce" ).trigger( "click" );

我真的不喜欢这个解决方案，因为

• 如果您喜欢视觉内容，Wordpress 不建议切换
• 我想稍后禁用“quicktags”文本编辑器

我的编码能力不够好，无法阅读tinymce的初始化代码，也无法找到wordpress在jQuery(“#myeditor-tmce”).trigger(“click”)上的功能。

有人有同样的问题:

tinymce setContent removes new lines

但是这个解决方案非常基础，以至于它会因任何扩展标记(例如列表)而崩溃。

你能帮我找到一个优雅的代码，用wp数据库内容填充tinymce，这意味着找出提到的处理吗？

Answer 1

您是否尝试过在 php 后端使用 wpautop，然后尝试根据这些值设置内容？

换行符可能被删除/剥离:

\n (Linux)、\r (Mac)、\r\n (Windows) 等。

https://codex.wordpress.org/Function_Reference/wpautop