Javascript 在wordpress wp_编辑器中设置TinyMCE 4内容

Javascript 在wordpress wp_编辑器中设置TinyMCE 4内容,javascript,jquery,wordpress,tinymce,tinymce-4,Javascript,Jquery,Wordpress,Tinymce,Tinymce 4,我目前正在wordpress中编写前端编辑代码。结果应该是像evernote一样使用wordpress帖子进行编辑 一个主要问题是合并必要的编辑器动态(DOM中的移位(已解决)和Get(已解决)以及Set内容) Wordpress数据库存储不带段落的标记,并在交付时添加它们。当您最初在php中设置tinymce内容时 wp_editor( $content, $editor_id,$settings ); 内容(没有段落)写在textarea中,tinymce在init上删除该内容,并在ini

我目前正在wordpress中编写前端编辑代码。结果应该是像evernote一样使用wordpress帖子进行编辑

一个主要问题是合并必要的编辑器动态(DOM中的移位(已解决)和Get(已解决)以及Set内容)

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

wp_editor( $content, $editor_id,$settings );
内容(没有段落)写在textarea中,tinymce在init上删除该内容,并在init上进行一些处理,然后将其写入可视化编辑器

要动态设置我从wordpress数据库获取的内容,我使用

tinyMCE.get(editor_id).setContent(content);
但不幸的是,这似乎绕过了tinymce init上的处理,导致换行符和段落丢失

我目前的解决方法是将wordpress的内容设置为wordpress文本编辑器,然后切换回visual editor,因为这似乎会触发对打断和段落的处理:

jQuery( "#myeditor-html" ).trigger( "click" );
jQuery('#textarea_id').val(content);
jQuery( "#myeditor-tmce" ).trigger( "click" );
我真的不喜欢这个解决方案,因为

  • 如果你喜欢你的视觉内容,Wordpress不建议你切换
  • 我想稍后禁用“quicktags”文本编辑器
我的编码技能不足以阅读tinymce的初始代码,我也找不到wordpress在
jQuery(“myeditor tmce”).trigger(“click”)
上做了什么

有人问了同样的问题:

但是这个解决方案是如此的基本,以至于它会与任何扩展标记(例如列表)崩溃


您能帮我找到一个优雅的代码,用wp数据库内容填充tinymce,这意味着要了解所提到的处理过程吗?

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

可能正在移除/剥离断线:

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