问题标签 [gutenberg-blocks]

我正在尝试创建一个自定义 WordPress Gutenberg 块，其中包含多个通过 Rest API 提取的分类术语复选框。我可以用 SelectControl 做到这一点。使用 SelectControl，您只需将 multiple 设置为 true。我不相信 CheckboxControl 有这个选项。我想在 InspectorControls 中执行此操作。

我一直在尝试创建一个 Gutenberg 块，在我的 WordPress 编辑页面上将类别列表显示为复选框，然后在前端页面上显示链接到所选类别的帖子列表。

我已成功添加编辑页面的复选框。当我选择类别，更新，然后刷新页面时，它们保持我之前离开它们的方式。

但我似乎无法弄清楚如何进行 API 调用以获取链接到我选择的类别的帖子列表。

这是我的编辑代码和属性：

这是我的保存代码：

我希望能够获取this.state.postsArray, 循环并显示我的帖子，但this.setState似乎没有工作并且正在this.state.postsArray返回“未定义”。

我写了计时器，认为它可以帮助我更新内容this.setState。

我的主要目标是根据所选类别显示帖子列表。

我正在使用 Gutenberg WordPress 块编辑器开始一个新项目。使用 withSelect 创建自定义块和使用 api 数据的能力似乎非常有用，但我觉得我真的缺少任何类型的自动完成功能，尤其是当前文档并不理想。

我主要在 VSCode 中工作，所以我主要对任何 IntelliSense 插件感兴趣。

Any help would be much appreciated!!

I'm attempting to build a custom Gutenberg block. It works fine initially, but after refreshing the page, I get the "This block contains unexpected or invalid content" error.

I've checked out some other threads but to no avail...

The plugin.php code:

The JS:

我正在尝试在我的 Gutenberg 块中包含自定义 HTML 嵌入输入，但不知道该怎么做。

我想知道在块内添加 HTML 的最佳方法是什么，就像使用自定义 HTML 块一样。有没有我错过的古腾堡元素？

我尝试了以下方法

然后我在edit()

最后再次保存（）

我的第一个问题是该属性被保存<iframe src="https://www.w3schools.com"></iframe>为例如。第二个问题是在前端我只看到一个空的 div。

第三个问题是，即使我设法使代码显示为文本，而不是前端的实际代码

您有更好的方法或知道我的代码有什么问题吗？

我创建了一个代码编辑器块，用户可以在其中插入 CSS 样式。与其将这些保存到 post_content 并显示在体内，不如将它们注入头部。

我过去曾使用 PHP 钩子完成此操作，但似乎无法弄清楚如何将其转换为新的 JS API 钩子格式

我发现这是通过functions.php添加的：

但我想使用来自用户输入的动态数据在块级的基础上实现这一点。任何帮助将非常感激！

我创建了一个选择控件，它有一个默认选项和许多不同的选项，这些选项应该允许我以多种不同的方式设置标题的样式。

我可以看到我的选择更改值（注意 console.log）所以我知道它工作正常。

我创建了一个处理该值的函数，但是当我尝试在函数句柄大小“return MySelectControl.value”中返回值时，我的结果是未定义的，而不是 display-2 或任何其他选项。

我似乎无法获得我所缺少的价值。

我正在编辑（推荐滑块块插件）[ https://github.com/laccadive-io/testimonials-slider-block]以允许自定义块具有富文本字段以及 WP 中现有的纯文本字段。

在对原始代码进行一些更改后，我能够在 Gutenberg 编辑器中为自定义块实现格式化选项。但是，格式选项/HTML 在网站前端显示为纯文本。

例如，如果我在富文本字段中输入“Hello World”并将其设为粗体，前端将按字面意思显示（没有实际格式化文本）；

这是编辑后的slider.js 文件，用于处理自定义块的前端和后端部分。

我创建了一个自定义按钮块，并希望在其他块中使用它，例如 CTA 或图标功能。我在一些插件中看到了这样的代码，它导出注册块：

export default registerBlockType( 'name_space/button', {

但现在我想将它导入另一个块以供将来使用。像这样的东西：

import CustomButton from '../custom-button/block';

我试过用 and 将它包含在另一个edit块的方法中。但每次我得到一个错误。{CustomButton}<CustomButton />

我有办法做这样的事情吗？

我正在尝试使用 ServerSideRender 从 PHP 渲染一个块，如下所示：

.js 文件：

.php 文件：

使成为：

预期的：

一切似乎都正常工作，但没有呈现具有类名的 div。

有什么建议可以解决这个问题吗？先感谢您。