问题标签 [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 回答
74 浏览

wordpress-gutenberg - 返回模态的`edit()`抛出异常

我有一个简单的按钮,应该直接从模态示例启动模态:

但是,它会引发异常:

警告:React.createElement:类型无效——需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

0 投票
1 回答
1029 浏览

reactjs - Wordpress Gutenberg React – 使用 HTML 渲染变量

我在自定义 WordPress Gutenberg 块中有此代码

stars_data变量中,我有一个要显示的生成的 HTML 代码。目前,该变量未呈现为 HTML。如何呈现/显示stars_data为 HTML 代码?

谢谢

0 投票
1 回答
830 浏览

wordpress - Gutenberg 动态 SelectControl 值对象

我想将选项对象动态传递给 Gutenberg SelectControl:

我有一个返回可用动画对象的 PHP 函数?

0 投票
1 回答
454 浏览

wordpress - 如何将 rel 属性添加到古腾堡画廊中的链接

如何在我的网站上制作fancybox 3。我将此代码用于旧画廊:

现在这段代码不起作用。

0 投票
1 回答
849 浏览

wordpress - Wordpress 的页面编辑器更改为“块”格式,并丢失了主题组件

今天我登录到我的 WordPress 管理员并被提示“更新数据库”,没有给出任何选项,所以我做了。在那之后,我的页面显示了一个基于块的“新”视觉作曲家,它没有显示我的主题组件,而只有一个带有一系列简码的文本块。

它改变了可视化作曲家显示的通常的后端与前端编辑器,并允许我通过行和列操作我的页面。

现在页面编辑器:

更新后的编辑

之前的页面编辑器:

更新前的编辑

我尝试卸载并重新安装插件、主题本身等。但到目前为止没有成功。

有没有办法恢复到最后一个编辑器(没有备份),或者调试为什么我只得到简码?

0 投票
1 回答
4991 浏览

javascript - 在 Wordpress Gutenberg 自定义块中显示自定义帖子类型列表

我正在尝试让我的 Wordpress 插件/主题的用户(它使用自定义帖子类型来处理产品)制作一个显示这些自定义帖子之一摘要的块。我试图通过在我的插件中创建一个自定义块来实现这一点,基于官方教程。在 Gutenberg 后端,我想简单地显示一个选择框,其中包含所有自定义帖子作为选项,但我愿意接受建议。

我试图阅读我可以在块的 javascript 文件中传递给getEntityRecords函数的内容,但文档似乎真的很少。如果有人能指出我正确的方向,我将不胜感激。我也尝试过设置'taxonomy'而不是'postType',但它也不起作用。如果没有好的 API 文档,可能的选项和参数很难猜测。

这是(部分)我的代码。我想知道第getEntityRecords3 行的可能参数。

0 投票
1 回答
1631 浏览

wordpress - Gutenberg MediaUpload 在编辑器中消失

我正在尝试在 Gutenberg 中创建一个涉及上传图像的自定义块。我遇到的问题是renderinMediaUpload不起作用。我想我错过了一些东西,但我找不到它。

每当我尝试将一个MediaUpload元素放入一个块中时,它都是空的。在下面的代码中,如果你检查它,你会看到<div class="image-test">但里面什么都没有。

我尝试简化到下面的代码以确保没有任何干扰,但它仍然对我不起作用。

这是block.js代码:

这是我在函数中声明块的地方:

0 投票
2 回答
5060 浏览

wordpress - WordPress Gutenberg: This block contains unexpected or invalid content

I am creating very simple text block. The block works fine when I add this for the first time. If I refresh the page and try to edit the block it show me the message "This block contains unexpected or invalid content.". I have tried to disable htmlvalidation check but that doesn't help. Also, after I click on resolve: the current block and after conversion block contain same code.

http://prntscr.com/lwv18b
http://prntscr.com/lwv1e1

This is my index.js file code

0 投票
0 回答
228 浏览

reactjs - 响应单击的数组项的更改值

在我的 React 组件中,我有一个数组,它将呈现链接的社交图标:

在渲染中,我显示了数组中的所有社交图标链接:

当我单击社交图标时,我希望能够使用图标名称和 url 填充表单并能够更改值。

为此,我首先设置itemClicked为我单击的图标的索引(使用onClick如上所示)。

注意: itemClicked以及icons数组是状态变量,它们会随着变化而更新。

接下来,我尝试在选择列表中显示图标名称,并在文本输入中显示 url:

当我单击任何图标时,选择和文本控件会填充正确的值,但是当我尝试更改值时它们不会更新。onChange我没有收到错误,但触发时初始值不会改变。

我怎样才能使这项工作?

0 投票
1 回答
308 浏览

wordpress - 如何为 acf_register_block() 实现 JS 回调

我目前正在更新一个网站,以便它通过高级自定义字段支持 Wordpress 块(5.0+)。我有一个需要一些 JS 的块,并且想知道是否有一种方法可以实现 JS 回调,acf_register_block()或者register_block_type()在将块添加到 CMS 中的页面时调用 JS 函数?