问题标签 [wordpress-gutenberg]

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 投票
3 回答
8784 浏览

wordpress - Gutenberg - 一种块类型中的多个 InnerBlocks

我正在尝试阻止自定义列,因为古腾堡使用的 wordpress 默认值不是我需要的。

所以我查看了它是如何工作的,它使用带有布局定义的 InnerBlocks 块,但是没有办法指定 html 标记和列的类,所以它对我来说没用。

然后我决定使用 map 循环出列,效果很好,然后我在每一列中添加了 InnerBlocks 组件以允许将其他块插入到列中,但问题是在每一列中 InnerBlocks 的内容是共享的,所以我已尝试将每个 InnerBlock 和列的键属性设置为唯一,并且它们的内容仍然是共享的(不,我没有使用共享块)。

看起来古腾堡在每一列中都使用了相同的 InnerBlocks 实例。

我正在尝试构建一个块类型,您可以在其中动态添加列,并在每列中添加带有一些信息的“卡片”。

为了说明我在做什么,这里是编辑功能的返回:

谢谢

0 投票
1 回答
999 浏览

wordpress - 如何在每个 Gutenberg 块中添加更高级的字段?

有什么方法可以扩展每个 Gutenberg 块中的高级字段部分?我想在每个块中添加更多字段。请帮忙。

0 投票
1 回答
215 浏览

reactjs - 如何为 React Gutenberg 属性分配 iframe url 查询参数值

我正在开发一个定制的古腾堡块。我接受了一些输入(标题、按钮文本等)并显示了一个 iframe。这些属性的值是 iframe 的 url 中的查询参数。当我尝试编辑该块时,我试图从该 iframe 中提取这些值,但我一直失败。我的计划 B 是用这些值保存一个不可见的 div,或者将一些数据属性传递给 iframe,然后以这种方式取回值,因为我不知道如何解析 src 以获取查询参数。

我的 src 的样子是:

如何在 React 中检索标题和按钮的正确值?有任何想法吗?

0 投票
2 回答
140 浏览

javascript - 如何将密钥传递给 ESNext 中的函数?

我正在为 WordPress 编写一个古腾堡块插件,但我无法理解新的 ESNext 语法。我有一个带有键:值配对的字段列表。这是我正在工作的代码:

我希望这段代码减少重复并避免复制粘贴。这是我走了多远:

如何将field_key变量传递给setAttributes函数?

0 投票
2 回答
2590 浏览

javascript - 在 Gutenberg 自定义横幅块中使用页面标题

我为 Gutenberg 创建了一个自定义横幅图像块,效果很好,但我想知道是否可以将页面标题用作当前横幅文本占位符,直到它被编辑?

在此处输入图像描述

我的编辑功能是

谢谢 :)

0 投票
1 回答
1149 浏览

javascript - Q: 带有h1标题和p副标题的富文本编辑器

嗨所以我正在尝试制作一个第一行是h1的富文本块,当你按下回车键时你可以输入一个短语,我尝试使用值为“p”的多行属性,但那不是工作,

我想知道是否有人可以帮助我。

到目前为止,这是我的代码。

0 投票
2 回答
4776 浏览

wordpress - Wordpress Gutenberg:前端的 React 组件

Gutenberg 仍然很新,但我仍然希望有人遇到这个问题并找到解决方案。

我使用 create-guten-block 对项目进行样板化并创建了一个测试块。我遇到的问题是,当我尝试使用 React 组件在前端修改状态时,什么也没有发生。通过 save() 可以很好地加载组件,但是当您尝试执行简单的操作(例如切换列表)时,前端仍然对状态更改没有响应。我还要注意 create-guten-block 不加载任何前端 JS,所以我将编译后的 javascript 换成在前端加载,但仍然无法让它工作。

这是我从 Codecademy 中提取的一些代码,作为一个简单的测试示例。当您选择一个名称时,它会更改sibling.js 中的文本以显示该名称。该代码在 create-react-app 中运行良好,但在前端作为 Gutenberg 中的块什么也不做:

块.js

父.js

child.js

兄弟.js

0 投票
5 回答
5617 浏览

wordpress - 如何在古腾堡的“文档”下添加新面板

我正在尝试在文档选项卡下添加一个新的组件面板,例如类别、特色图片等。

在此处输入图像描述

0 投票
1 回答
1864 浏览

wordpress - Wordpress - Gutenberg - shortcode not rendering

I've switched on Gutenberg and am trying to create a shortcode on a page. This is my code in functions.php

In the post, I've put [my_shortcode] in the shortcode section, as follows:

enter image description here

But when I display the page, it just renders [my_shortcode]. I'm running Wordpress 4.9.8

Thank you

0 投票
0 回答
464 浏览

wordpress - 标题未显示在前端 - 古腾堡

我有这个组件'PostTitle',它获取页面标题并在您编辑在编辑器中工作的主页标题时发生变化,但我无法让它显示在前端?不知道我做错了什么。

更新

我添加了一个函数来更新“标题”属性,但问题是它只在编辑时触发。因此,如果您不在编辑器中单击组件,它将不会更新“标题”属性。有没有办法把这个放到存档区?

任何帮助将非常感激