问题标签 [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.
wordpress-gutenberg - 返回模态的`edit()`抛出异常
我有一个简单的按钮,应该直接从模态示例启动模态:
但是,它会引发异常:
警告:React.createElement:类型无效——需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
reactjs - Wordpress Gutenberg React – 使用 HTML 渲染变量
我在自定义 WordPress Gutenberg 块中有此代码
在stars_data
变量中,我有一个要显示的生成的 HTML 代码。目前,该变量未呈现为 HTML。如何呈现/显示stars_data
为 HTML 代码?
谢谢
wordpress - Gutenberg 动态 SelectControl 值对象
我想将选项对象动态传递给 Gutenberg SelectControl:
我有一个返回可用动画对象的 PHP 函数?
wordpress - 如何将 rel 属性添加到古腾堡画廊中的链接
如何在我的网站上制作fancybox 3。我将此代码用于旧画廊:
现在这段代码不起作用。
javascript - 在 Wordpress Gutenberg 自定义块中显示自定义帖子类型列表
我正在尝试让我的 Wordpress 插件/主题的用户(它使用自定义帖子类型来处理产品)制作一个显示这些自定义帖子之一摘要的块。我试图通过在我的插件中创建一个自定义块来实现这一点,基于官方教程。在 Gutenberg 后端,我想简单地显示一个选择框,其中包含所有自定义帖子作为选项,但我愿意接受建议。
我试图阅读我可以在块的 javascript 文件中传递给getEntityRecords函数的内容,但文档似乎真的很少。如果有人能指出我正确的方向,我将不胜感激。我也尝试过设置'taxonomy'
而不是'postType'
,但它也不起作用。如果没有好的 API 文档,可能的选项和参数很难猜测。
这是(部分)我的代码。我想知道第getEntityRecords
3 行的可能参数。
wordpress - Gutenberg MediaUpload 在编辑器中消失
我正在尝试在 Gutenberg 中创建一个涉及上传图像的自定义块。我遇到的问题是render
inMediaUpload
不起作用。我想我错过了一些东西,但我找不到它。
每当我尝试将一个MediaUpload
元素放入一个块中时,它都是空的。在下面的代码中,如果你检查它,你会看到<div class="image-test">
但里面什么都没有。
我尝试简化到下面的代码以确保没有任何干扰,但它仍然对我不起作用。
这是block.js
代码:
这是我在函数中声明块的地方:
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
reactjs - 响应单击的数组项的更改值
在我的 React 组件中,我有一个数组,它将呈现链接的社交图标:
在渲染中,我显示了数组中的所有社交图标链接:
当我单击社交图标时,我希望能够使用图标名称和 url 填充表单并能够更改值。
为此,我首先设置itemClicked
为我单击的图标的索引(使用onClick
如上所示)。
注意: itemClicked
以及icons
数组是状态变量,它们会随着变化而更新。
接下来,我尝试在选择列表中显示图标名称,并在文本输入中显示 url:
当我单击任何图标时,选择和文本控件会填充正确的值,但是当我尝试更改值时它们不会更新。onChange
我没有收到错误,但触发时初始值不会改变。
我怎样才能使这项工作?
wordpress - 如何为 acf_register_block() 实现 JS 回调
我目前正在更新一个网站,以便它通过高级自定义字段支持 Wordpress 块(5.0+)。我有一个需要一些 JS 的块,并且想知道是否有一种方法可以实现 JS 回调,acf_register_block()
或者register_block_type()
在将块添加到 CMS 中的页面时调用 JS 函数?