wordpress - JavaScript中的Gutenberg编辑器内容(WordPress)

标签 wordpress wordpress-gutenberg

在TMCE时代,我们可以使用editor.getContent()轻松获得编辑器内容。但是,在新的古腾堡(Gutenberg)编辑器中,我找不到执行此操作的方法。

我需要所有编辑器内容都为HTML(将其保存在数据库中的方式)。

我发现wp.block.serialize()方法听起来很有希望。但是似乎需要块(作为参数)。所以我有点卡住了。

最佳答案

从3.1版开始。古腾堡(Gutenberg)的餐厅,请尝试以下操作:

获得纯块内容:

var originalContent = wp.data.select( "core/editor" ).getCurrentPost().content;
var editedContent = wp.data.select( "core/editor" ).getEditedPostContent();

渲染帖子(转换为块):
wp.blocks.parse( editedContent );

关于wordpress - JavaScript中的Gutenberg编辑器内容(WordPress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48206998/

相关文章:

WordPress 自定义古腾堡 block render_callback 不渲染

css - 侧边栏在 Wordpress 存档页面上的行为不同

php - 元素上的 CSS 文本换行(与自动换行或空格无关)

css - wp_enqueue_style 和 rel 除了样式表?

wordpress-gutenberg - Wordpress Gutenberg withSelect 获取文章类型列表

css - WordPress 5.9 editor-style.css 不再工作并添加了覆盖 block 样式的 css 属性

php - 如何从类别名称中获取类别对象

php - Laravel 验证来自不同网站的用户

wordpress - 在 Gutenberg 编辑器中添加自定义字体(我网站的字体)

php - 无法删除我的古腾堡 block 。已在编辑器页面修复