您当前的位置：首页 > TAG信息列表 > block-editor
使用InnerBlock序列化自定义块
我有一个自定义的gutenberg块和任意的内部块。由于使用自定义javascript库的原因，我无法使用<InnerBlocks> 组件，但希望迭代所有块，并在我的块的编辑函数中显示块及其内部块。我想用swiper 图书馆我努力使InnerBlocks（带有工具栏和其他UI）真正工作，但效果不佳。首先，swiper需要一个特殊的DOM结构，这是我无法使用的InnerBlocks 组件，因为它具有预先定义的包装器和div结构。其次，swiper克隆在循环时会滑动，这最终会在克隆整个gutenb
如何将外部托管的图像包含到图库块中
WordPress有一个非常棒的本地库功能。我发现唯一的缺点是，它要求你在你的域中有图像。我们有一个有趣的博客，还有一个非常便宜的托管计划。这在存储方面是有限的，现在当我们想要增加存储时，它的价格很高。Google photo将免费托管我们的图像，所以我计划直接从那里嵌入图像。然而，据我所知，本机图库没有提供包含来自外部源的图像的选项。我可以使用单个图像块来包含它们，当然也可以通过调整HTML来包含它们。Is there a way to include externally hosted images
Gutenberg：块SelectControl保存属性，但在重新加载Gutenberg之后，它会加载其缺省值。为什么？
我以为我有。我添加了一个属性；“最大液位”；和SelectControl元素“；选择MaxLevel；。一切都按照计划进行：我可以设置最大级别，它保存在块中。当我保存帖子并显示帖子时，可以看到php部分使用了；“最大液位”；变量但当我编辑帖子时，块会加载它的默认值。为什么会发生这种情况？registerBlockType(\'simpletoc/toc\', { title: __(\'SimpleTOC\', \'simpletoc\'), icon: simpletocicon
如何在Gutenberg编辑器中为表块添加自定义表格样式
根据图片，我想为表块添加额外的样式。
是否可以在块外使用wp.data.select(‘core’)？
我有一个为帖子类型创建的选项页面，它不使用Guttenberg块，但我想知道在该页面中是否可以使用@wordpress/data 为了检索具有以下内容的帖子，而不是使用REST API？wp.data.select( \'core\' ).getEntityRecords( \'postType\', \'post\' ) 现在，wp.data.select(\'core\') 简单返回null
有没有办法将古腾堡的调色板设置在主题之外？
除了在主题中设置古腾堡块编辑器调色板之外，还有其他方法吗？
使用以编程方式生成的Gutenberg列创建尾随块
我正在将一些自定义数据拉入wp-block-columns 每行有三列使用此短代码（示例代码）：$array_chunks = array_chunk($array_of_posts, 3); foreach($array_chunks as $posts) { echo \'<div class="wp-block-columns">\'; foreach($posts as $post) { echo \'<div
不建议用于块。getSaveElement
我想知道是否有不推荐的blocks.getSaveElement 钩首先，我编写了如下代码。const addWrapper = (el, type, attributes) => { if (\'myblock/example\' === type.name) { return <div className={"example"}>el<div>; } else { retu
如何在Innerblock中动态添加模板？
我正在尝试在InnerBlock中动态添加模板，为此，我尝试了以下代码：const edit = props => { var { className, attributes, setAttributes, clientId } = props; var { templateList } = attributes; const
如何让古腾堡画廊区块输出缩略图？
默认情况下，Gutenberg Gallery块以3列输出全尺寸图像。这太过分了，尤其是在移动设备上，所以我想在主题或函数文件中设置它以输出缩略图。我该怎么做？在“库设置”中更改“图像大小”选项似乎没有效果。（我怀疑这是因为我自制的主题不能正确支持这些选项，但我找不到任何关于新古腾堡积木主题的文档）
我可以更改块编辑器的粘贴文字行为吗？
在sample editor, 创建一个段落Hello world, 复制它，并在仍处于选中状态时将其粘贴到其上。您将获得预期的粘贴文本。但是如果有一个带冒号的前导词(Hello: world) 然后粘贴将整个文本放入一个链接中。我想我没有在任何其他WYSIWYG编辑器中看到过这种自动链接，但我不知道这是一个bug。这是可以禁用的功能吗？
访问/过滤块在Gutenberg中的变化，在WordPress 5.6中
我正在中使用代码段functions.php 修改所有youtube嵌入，以添加额外的播放器参数。在WordPress 5.6之前，youtube块可以通过if( "core-embed/youtube" === $block[\'blockName\']) { // do something } 但是，从WP 5.6开始，块名称现在是core/embed和youtube是一种变体。我试过了if( "core/embed/youtube" === $block[\'
Gutenberg块开发：尝试通过修改webpack.config将自定义js脚本添加到NPM启动命令
“需要帮助了解”；提供您自己的网页配置；https://developer.wordpress.org/block-editor/packages/packages-scripts/#provide-your-own-webpack-configconst defaultConfig = require( \'@wordpress/scripts/config/webpack.config\' ); module.exports = { ...defaultConfig,
无需重新发明轮子即可更新块的编辑/保存
TL；DR如何更改edit 和save 核心块的结果，而无需在我自己的代码中重新实现其大部分功能？问题我熟悉block filters 我已经能够使用它们添加属性或新的InspectorControl。然而，它让我感到不安的是，我似乎无法更新编辑/保存的JSX/HTML，而不必覆盖整个块。设想以下场景：我想向core/button 阻止在文本后附加图标。所以最后的HTMLshould not 是<div class="wp-block-button"> &l
使用useSelect/useDispatch而不是With Select/With Dispatch
我为古腾堡构建了一个特色画廊组件，它使用withSelect 和withDispatch 将所选图像存储在元字段中的高阶组件。我想知道是否可以将此代码转换为使用useSelect 和useDispatch 而是钩子来简化它。有可能吗？我试着自己读那些几乎无用的古腾堡文件，但没有成功。任何帮助都将不胜感激。/** * WordPress dependencies */ const { __ } = wp.i18n; const { BaseControl,
是否从古腾堡按钮块中删除边框半径设置？
我想从按钮块中删除边界半径设置，这样用户就无法访问它，因为我不想让他们搞不清楚为什么它是“X”；“不工作”；（目前我在css中强制半径为0）。我已经能够使用编辑器进行其他设置。BlockEdit，但我在尝试从核心块中删除它们时仍然遇到问题，我看不到一种方法可以通过css将它们隐藏起来。
如何将WordPress$wpdb中的数据放入Reaction Gutenberg BLOCKS前端？
我使用$wpdb进行mysql查询，并从php文件中获取数据。$results = $wpdb->get_results("SELECT * FROM table_name"); 现在，我已经向wordpress api注册了一个Gutenberg块。。组件是。js文件，在引擎盖下使用（Wordpress React）：import { registerBlockType } from "@wordpress/blocks"; import
在古登堡边栏中子组件与父组件之间传递状态
我正在设置一个侧栏，其中包含一些自定义元字段的控件。我有一个包含一些内部子组件的父功能组件，我想根据RadioControl的选择切换（显示/隐藏）不同的控件。我现在得到的是：父组件：import { __ } from "@wordpress/i18n"; import { PanelBody, PanelRow, HorizontalRule } from "@wordpress/components&quo
官方“创建区块”教程的初始帮助
[EDIT] Problem 3 is solved (just I must to remove source: \'text\' from attributes declaration to allow store data in the the block’s comment delimiter).下列的this tutorial 我制作了一个嵌入peertube视频的插件。我的块只需两个字段（实例和ID）即可。Here it is a working example. 和here 插件。我有三个
在编辑器中获取父组合框中页面的ID
我有一个自定义的post类型和一个带有自定义post\\u元字段的元框。编辑器侧栏中的父下拉字段过去是<select> 要素我有一些脚本onChange 触发元盒中不同字段的隐藏/显示，使其具有条件，这取决于正在编辑的页面是父级还是子级：$(document).on("change", ".editor-page-attributes__parent select", function(){ toggleFields(); }&#