如何重新渲染Wordpress Guttenberg块?

时间:2019-05-21 12:33:58

标签: javascript wordpress wordpress-gutenberg

我正在做与Guttenberg编辑器一起使用的自定义WP插件。 功能之一是用户在编辑器中选择文本的一部分。点击按钮。 JS接收选定的文本,对其进行处理,然后将选定的代码替换为自定义的简码行。 例如。我们有文字

  

Lorem ipsum自定义单词和其他单词

用户选择“自定义单词”,然后点击按钮,然后js动态地替换它

  

Lorem ipsum [custom_shortcode title =“自定义单词”]和其他单词

我用jQuery这样设置块内容和编辑内容:

var all_content =    tinyMCE.activeEditor.getContent();
all_content = all_content.replace( string_to_replace, shortcode_string );
tinymce.activeEditor.setContent( all_content )

我认为将内容应用于屏蔽的方法不正确。

一切正常。单击“保存”或“预览”时出现问题

最终结果未存储我插入的简码。据我了解,基本上块内容不是由Guttenberg渲染的,我只是在html中进行视觉插入。

我是古腾堡的新人,不确定如何重新渲染已编辑的块,以便应用更改。

所有替换后,iv尝试用

重新保存Guttenberg内容
var editedContent = wp.data.select( "core/editor" ).getEditedPostContent().content;
wp.data.dispatch( 'core/editor' ).editPost( { content: editedContent } );

但是没有运气。谁能帮我 ? TNX

0 个答案:

没有答案