好奇,您如何管理管理区域中的古腾堡区块预览?

Posted

技术标签:

【中文标题】好奇,您如何管理管理区域中的古腾堡区块预览?【英文标题】:Curiosity, how do you manage the Gutenberg block previews in the admin area? 【发布时间】:2019-10-10 05:02:38 【问题描述】:

如何在管理区域管理古腾堡块预览?示例:如果我在引导程序上开发了一个块并使用我的自定义 css,在管理您是否加载引导程序和您的 css 以获取预览?

【问题讨论】:

【参考方案1】:

您可以为每个块加载自定义 css 和 javascript,如 block editor handbook 中所述。但是,仅为一个块加载引导程序可能不是一个好主意。

您可以选择在您的register_block_type 函数中提供styleeditor_style。第一个在前+后加载,后者仅在后端加载。

register_block_type( 'gutenberg-examples/example-02-stylesheets', array(
    'style' => 'gutenberg-examples-02',
    'editor_style' => 'gutenberg-examples-02-editor',
    'editor_script' => 'gutenberg-examples-02',
) );

【讨论】:

谢谢,但是您打算如何管理基于 bootstrap 的预览组件?

以上是关于好奇,您如何管理管理区域中的古腾堡区块预览?的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript (WordPress) 中的古腾堡编辑器内容

增加管理员中的django-filer预览/缩略图图像

WordPress 之外的古腾堡编辑器

javascript 这是一个用Vue.js建造的古腾堡街区

如何通过 Windows Azure(预览版)管理门户设置 ADO.NET Entity Framework 连接字符串?

Excel 如何重新设置分页预览