问题标签 [gutenberg-blocks]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1529 浏览

wordpress-gutenberg - 如何为类提供多行元素古腾堡 RichText 块?

我正在为古腾堡 RichText 块使用以下代码

谁能帮助我如何分配list-item具有多行 li 元素的类?

0 投票
2 回答
1277 浏览

wordpress-gutenberg - 创建动态古腾堡 TextControl 组件

有没有办法动态创建块组件。假设块中有一个 TextControl 组件,我希望用户单击添加新字段按钮并自动创建新的 TextControl 块?

0 投票
1 回答
1460 浏览

wordpress - 有没有办法将多个块组合成一个块,以便可以将其保存为可重用?

我喜欢 columns 块的工作方式,因为它支持嵌套。我正在尝试做的类似于使列块支持 1 列(您可以强制它这样做,但它的大小不正确。这样,多个块和块类型的整个块可以保存为一个可重用的块实例。

这是我需要开始处理我自己的自定义块类型的实例吗?还是会在某个时候得到支持?

0 投票
2 回答
674 浏览

wordpress-gutenberg - 如何使用 php $content 在 Gutenberg 版本 4 中渲染 InnerBlocks

这在 Gutenberg 3 上运行良好:

但是随着最近的 Gutenberg 更新,$content它始终为 null,即使从保存回调将其传递为:

任何帮助深表感谢。

0 投票
1 回答
4703 浏览

javascript - Wordpress 在 Gutenberg 块内添加 onclick 事件

我一直在到处寻找以弄清楚如何在古腾堡块内添加事件。我正在使用 ACF 和 Foundation 添加一个手风琴系统。我使用 ACF 创建了一个块、字段和模板。我希望我的用户能够在可视模式下打开和关闭手风琴。

我确实找到了以下脚本来监视块何时更改。唯一的问题是它在所有内容加载之前触发,我不得不使用超时来允许块完全加载。我一直无法找到更好的方法来实现这一点。有什么建议么?

0 投票
1 回答
799 浏览

jquery - Wordpress Gutenberg Block中的Jquery未在编辑屏幕上触发

我在 Gutenberg 自定义块中有一个谷歌地图渲染 - 在前端页面上工作正常,在编辑时根本不会触发。

这是 php 块渲染函数中的 javascript 有问题的部分

我猜“文件”需要是别的东西。带有 load() 的 Javascript 文件位于标题中。

0 投票
0 回答
88 浏览

wordpress-gutenberg - 如何验证 Gutenberg 插件中的元框

我正在尝试在与 Gutenberg 一起开发的 WordPress 插件上运行验证程序。

我的插件是存储具有以下字段的书籍信息,这些字段是元框。

author, price, pub_year,about_book

元框和帖子保存得很好,但我想在数据实际传递到之前对这些字段进行一些验证,REST API最好的地方是当用户点击PublishUpdate按钮时。这意味着在发送值之前,插件将运行验证例程。

为此,我想编写一个高阶组件,我将在其中放置验证规则并根据传递的值返回 True / False。

我在想这样的骨架:我的 Gutenberg Block 包裹在一个高阶组件中。

但问题是,当我点击 Publish 或 Update 时,REST API 会在内部被调用,而在运行我的验证例程之前,我无法控制(还)防止这种情况发生。

我进行了很多搜索,但在任何地方都找不到合适的示例或任何可以解决我关注的问题。

如果有人请提出正确的方法或指导我关注任何关注此的教程,那将非常有帮助。

PS:

我在 9 月 20 日在这里添加了另一个问题,但不幸的是我还没有收到回复!

0 投票
2 回答
917 浏览

wordpress - WordPress Gutenberg,以编程方式更新帖子内容

我已经开始使用 ACF 和自定义块测试 Gutenberg 编辑器。我一直在寻找解决我的问题,但我找不到关于这个话题的任何东西(也许我的谷歌技能不够好)

但我的情况是这样的:我有一个自定义帖子类型,我想在其中设置一个模板,这样他们就不能在块周围移动并添加其他块等等。在这个帖子类型中,大约 70% 是由代码创建的。因为它从 API 中获取所有信息。

测试 1:我创建了一个 ACF 块,其中包含我需要的所有字段,当我从 WP 管理员创建新帖子时,它可以正常工作。但是当我运行该update_field函数时,它会像以前一样将其保存到 post_meta 表中。所以我的问题是如何更新一个字段,以便将其保存post_content到表中而不是post_meta表中。

测试 2:我为所有字段创建了自定义块(将每个 ACF 字段转换为块)并将模板设置为仅使用这些块。但是在这里我不知道如何post_content使用 PHP 或 Javascript 进行更新更新。

我希望你能帮我解决这个问题:)如果有什么不清楚的地方告诉我,我会尽力解释

0 投票
1 回答
3356 浏览

wordpress - Gutenberg:允许在 RichText 中进行其他格式设置

我创建了一个相当简单的手风琴块,它非常适合基本文本。问题是我用于手风琴内容的控件是 RichText,它只允许基本格式,例如粗体。

如果我想创建一个无序列表和基本文本怎么办?我目前正在使用multiline: "p",但是如何添加其他元素以便我也可以在其中包含 UL 元素?

我能想到的仅有的两个想法,我不知道如何实施。第一个是扩展块工具栏BlockControls以包含 UL 的其他格式化程序,第二个是使用另一个元素而不是 RichText - 例如 Freeform(可能已重命名为 Classic Editor?) - 但我找不到任何文档这些。

这是我当前代码的示例:

属性

编辑

0 投票
1 回答
2417 浏览

reactjs - Gutenberg 自定义块:按 innerBlocks 长度添加元素

上下文:我正在开发自定义古腾堡插件。我正在尝试创建的块之一是 Carousel(使用 Bootstrap 的 Carousel)。

我正在尝试根据子块的数量可选地添加指标。我收到错误: Block validation: Block validation failed

这肯定与我添加指标有关。这是我的块。任何人都可以帮忙吗?