您当前的位置：首页 > TAG信息列表 > block-editor
无法编辑服务器端呈现的块
我对古腾堡街区有意见。我创建了一个块，用于提取最近的自定义帖子类型帖子，并将其显示为旋转木马。我很难保存那个块，但我在js文件中找到了应该使用ServerSideRender的信息。现在，我在后端编辑器中遇到了一个问题。添加自定义块时，我无法选择或删除它。js代码如下：const { serverSideRender: ServerSideRender } = wp; wp.blocks.registerBlockType(\'wp-portfolio-manager/wppm-bloc
如何在视觉模式下仅通过键盘添加自定义的HTML标签？
假设我想插入不同的内联格式文本。我可以通过打开HTML模式来实现这一点，但是有没有办法直接在视觉模式下实现呢？例如，如果我键入span.a 在段落块中插入<span class="a"></span> 在HTML中，类似于粗体或斜体等格式按钮的工作方式。或者至少是一个热键按钮来应用自定义格式，如Ctrl+B. 这可能吗？或者将其提升到另一个层次，是否有办法实施Emmet 在WordPress中？
如何使用wp.data.dispatch以编程方式设置Gutenberg首选项？
古腾堡Options > Preferences 菜单包含许多其他设置，可定制古腾堡体验。默认GUI如下所示。我想以编程方式启用Reduce the interface 选项当前代码使用wp.data.select 作用const reduceInterface = wp.data.select( \'core/edit-post\' ) .isFeatureActive( \'reduceInterface\' ) console.log( reduceInter
块模板是否与SERIALIZE_BLOCKS不兼容？
我需要使用wp_insert_post() 和wp_update_post(). 我正在处理的帖子类型有一个简单的块模板与之关联，因此我的目标是将块模板附加到帖子类型对象，使用innerContent, 然后使用serialize\\u块将模板转换为可呈现的post\\u内容标记（例如，带有标记）。我的问题是，块模板在PHP中定义为索引数组：$post_object->template = array( array( \'core/image\', array(
Gutenberg LinkControl建议查询不起作用
我有这样一个链接控件：import { __ } from "@wordpress/i18n"; import { __experimentalLinkControl as LinkControl, } from "@wordpress/block-editor"; import "./editor.scss"; export default function ({ attributes, s
Proper way to use useSelect
我正在使用useSelect获取可用的图像大小，然后我想检查图像是否实际具有这些大小，因为可能添加了一些自定义图像大小。我所做的工作正在进行，但我担心实现不正确，因为这是我第一次使用useSelect。import { compose } from "@wordpress/compose"; import { useBlockProps } from "@wordpress/block-editor"; import { isBlobURL } fr
如果古登堡按钮为空，则在保存时移除
我的设计中有一些按钮并没有文本，这些按钮的图标设计在：标签的前面。它在WP 5.5中工作得很好，但现在我已经在live中进行了更新，当我保存任何页面时，它会删除所有这些按钮。我理解，因为它是空的，WP会在保存时删除它。有没有一种方法可以跳过一个块或跳过这个删除块的内容，因为我的大多数块都有空按钮，而live site无法编辑，因为它删除了所有的空按钮。
小部件和帖子/页面编辑/新建空白，仅控制台错误，无服务器错误
我的帖子编辑、帖子创建、页面编辑、页面创建都是完全空白的页面（没有WordPress导航栏，没有顶部管理栏）。我的widget页面有顶部的管理栏和侧边导航，但页面的其余部分为空白白色上的调试未显示任何错误，PHP错误报告，相同。服务器日志中没有任何错误我尝试过的事情。。。禁用所有插件，仍会发生激活的默认主题，仍会发生上载所有基本WP文件（不覆盖.htaccess或WP config.php）的新版本，如果更新中出现损坏，仍会发生以下控制台消息（来自小部件，页面/帖子类似）：块。min.js？ver=7ed
如果页面上有多个带有POST循环的动态块，那么如何避免从Render_Callback函数内部进行重复操作呢？
我正在构建动态块，将博客索引定制为杂志风格的布局、特色帖子、类别、其他内容，所有这些都混合在一起。我的动态块能够很好地呈现循环和发布内容，但当render\\u回调块函数在同一页面上多次显示时，我无法将ID列表从该函数传递给它自己，从而导致在页面上的不同位置使用时，该块中出现重复的发布。如果有多个动态块呈现get\\u posts循环，如何将ID列表传递给下一个实例以避免重复？
保存时钩子调用无效，使用鼠标滑块时未进行编辑
我已经安装了swiper slider（react版本）并创建了一个自定义块。当我在后端添加块时，它工作得很顺利，我可以很好地滑动。但当我在前端保存和查看时，什么都不会出现。在后端刷新后检查错误消息时，我看到以下消息：未捕获错误：钩子调用无效。钩子只能在函数组件的主体内部调用。发生这种情况的原因如下：您可能有不匹配的React版本和渲染器（如React DOM）您可能违反了挂钩规则，您可能在同一个应用程序中有多个React副本import { registerBlockType } from "
如何上传和设置SVG徽标的样式？
这里是WP初学者。我正在尝试上载svg 我的网站的徽标。可以访问徽标here. 如果在浏览器中打开并检查它，它应该显示svg 对象周围的标记。我已经安装了SVG Support 插件并上传图像，并将其设置为我的主题的徽标。徽标显示在img 标记，但不作为svg. 我如何改变它的颜色？我做错了什么？
检测数据块是否已删除
我目前正在为块编辑器制作滑块。虽然我使用自定义按钮添加幻灯片（这是一个块），但我可以检测何时添加了新块，以告知滑块脚本刷新，以便记录新创建的块（作为幻灯片）。但是，如果我想使用常规；删除块（&Q）；从块的工具栏菜单中的操作，我无法找到如何检测它。我已经在深入研究代码，并得出结论，我必须在动作被调度时进行检测。然而，我对反应很陌生，因此不知道如何检测removeBlock 调度操作。我曾想过订阅商店的更改，但我不知道该订阅哪个商店：const unsubscribe = subscribe( () =>
古腾堡区块：如何确定当前内部区块的索引？
我正在尝试将bootstrap5 carousel组件实现为Gutenberg块。它似乎都在按预期工作，除了添加；“活动”；类设置为第一个元素。我试图通过使用getBlockParents 和getBlocksByClientId以下是JS代码： const select = window.wp.data.select(\'core/block-editor\'); blocks.registerBlockType(\'natural/bootstrap5-carousel
古登堡块-无法在编辑帖子中检索块保存的属性
在Gutenberg editor中注册新块后，它工作正常，直到保存/发布帖子，前端的输出也正常，但刷新编辑屏幕后，block显示块验证错误：Content generated by `save` function: Content retrieved from post body: <div class="wp-block-gutenberg-examples-post-block3 slider-item"><img src="
为什么自定义的HTML块不保留HTML字符？
例如，普通的单引号字符\' (') 已转换为正确的’ (’) 在HTML页面输出中。我理解在常规Gutenberg块中出现这种情况的原因，但为什么仍然需要在自定义HTML块中进行呢？我启用了故障排除模式并使用了2021主题，它仍在转换中。以下是输入法之间的区别：<p>Paragraph block then converted to html: ‘</p> Custom HTML block: ‘
存储()函数中的Gutenberg getBlockIndex
在我的街区edit() 函数我得到每个内部块的索引：// a block used in innerblocks edit( { attributes, setAttributes, clientId } ) { let blockIndex = wp.data.select( \'core/editor\' ).getBlockIndex( clientId ); ... 这很好用。但是我在save() 但我有索引-1 对于每
WordPress NPM仅运行生成和启动输出wp脚本启动，但不执行任何操作
我制作了一个有3个块的WordPress插件。包裹。json如下所示："scripts": { "build": "wp-scripts build", "format": "wp-scripts format", "lint:css": "wp-scripts lint-style",
提供发布类型的元字段列表的编辑器API终结点或数据存储
我正在构建一个自定义块，允许编辑器从下拉菜单中选择元键：但是，我找不到可用的数据存储或API端点（现成的），它将provide a list of meta keys available for a particular post type -- 甚至只是所有注册元密钥的列表。当然，我可以创建自己的端点来输出这些数据——这可能是最好的途径，也可能是我的下一种方法——但是，我想确保没有我丢失的本机数据存储或API端点。以下是我尝试过的：/wp-json/wp/v2/types/MY_CUSTOM_POST_
循环WordPress元以创建`<TextControl>`？
我正在寻找一种智能的方法来迭代可用的post-meta，最好使用前缀_postcode_pricing_, 并创建新的<TextControl> 每个的组件。真的，我有两个问题，因为我还不太熟悉如何反应和WordPress/脚本。Question One:做select("core/editor").getEditedPostAttribute("meta") 获取整个post meta？Question Two:如何迭代生成的post-meta（如果它
古腾堡：防止链接在区块中被点击。错误：“无法对‘r’的属性‘FrameElement’进行结构分析，因为它为空。”
我将我的区块添加到一篇文章和新的完整站点编辑中。块渲染标记。当我在编辑器中选择块时，我单击标记，得到一个；“r”的属性“frameElement”为空，无法对其进行分解"E；并重新加载自身。export default function Edit( { attributes, setAttributes } ) { return ( <div { ...blockProps } > <InspectorControls&