问题标签 [create-guten-block]

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 回答
188 浏览

wordpress - How to add block content in the cutsom gutenberg block

I was trying to add a custom shortcode in the admin panel when my custom block added to the page. enter image description here

The above is my js code. I could add the settings for the block but I couldn't figure out how can I add my custom content that is '[custom-shortcode]' in the block itself (like in the picture).

How can I do that?

0 投票
1 回答
1104 浏览

wordpress - Gutenberg 自定义块如何将数据从插件索引文件发送到 js 文件

我已经在插件主/索引 php 文件中注册了自定义块。

我想将此 PHP 文件中的一些数据发送到包含该块的实际实现的 js 文件。原因是,我需要从 PHP 进行 API 调用,并在 js 代码的选择框选项中使用该响应。请参阅下面的注释代码。这是js的代码。

0 投票
1 回答
533 浏览

wordpress - ServerSideRender 组件产生“错误加载块:找不到与 URL 和请求方法匹配的路由”错误

我正在使用create-guten-blockfoss 为 Gutenberg 街区工作。在尝试从 PHP 文件中编写的函数获取输出时Error loading block: No route was found matching the URL and request method,我在 Gutenberg 编辑器的块中看到错误。

考虑以下代码plugin.php

block.js 文件中的反应代码是:

当试图在古腾堡编辑器中创建块时,我发现错误test-me/test-to-block是一个请求wp-json/wp/v2/block-renderer/test-me/test-to-block

我是否遗漏了一些东西来为这个块启用 rest api 路由?

0 投票
0 回答
185 浏览

wordpress - 如何在 wordpress 的自定义生成的古腾堡块中添加所见即所得的编辑器

有什么方法可以添加在 WordPressWYSIWYG Editor中生成的自定义。Gutenberg block我在谷歌搜索,只发现如何将富文本编辑器添加到自定义块。我需要的是一个完整的所见即所得编辑器,如下所示。

在此处输入图像描述

0 投票
1 回答
337 浏览

wordpress-gutenberg - Gutenberg RichText 光标焦点自动聚焦

我正在尝试按功能通过富文本输入文本。但光标会自动超出 RichText。我已经导入了需要的基本组件。我也通过 onKeyUp 而不是 onChange 尝试了它,但也没有工作。

当我在没有 ArticleContent 功能的情况下尝试它时效果很好,但在尝试使用 ArticleContent 功能时它不起作用。

看照片,这里我需要每次点击每个字符的富文本。

下面是我的代码(它不工作)

0 投票
1 回答
933 浏览

wordpress - 在 wordpress 中加载块时运行一段代码

我制作了一个自定义的古腾堡块:

我想在前端加载块时运行一个函数。

我尝试了save功能,但仅当块保存在 wp-dashboard 上时它才有效。

有什么方法可以在加载块时运行函数?

0 投票
0 回答
628 浏览

reactjs - 图像未在 Gutenberg 自定义块中输出

对古腾堡来说有点新,在过去的 10 个小时里,我一直在尝试根据本指南允许为嵌套块上传背景图片:https ://www.liip.ch/en/blog/add-an-image -选择器到古腾堡块

它在后端工作得很好,但图像根本不会在前端输出。

将样式从 edit.js 传递到 save() {} 函数的正确方法是什么?

我的最终目标是输出一个以图像为背景的包装 div:url。

块.js

编辑.js

0 投票
1 回答
702 浏览

reactjs - 有没有办法在 WordPress Gutenberg 编辑器中添加新标签

我对古腾堡完全陌生,我需要在设置部分添加一个新选项卡请检查此屏幕截图

在此处输入图像描述

我为 Gutenberg 创建了一些积木,但没有这方面的经验。我试过这段代码

但没有帮助我。这里的任何人请帮助我。提前致谢

0 投票
1 回答
468 浏览

javascript - 将旧的 wordpress 简码插件转换为块

我有一个旧的 wordpress 插件,用于显示最新的帖子选择。该插件使用带有选项的简码。现在我正在稍微转换插件,以便它可以用作古腾堡块。我保持 php 代码完整,并尝试创建一个具有一些设置的块(用于块的右侧设置框)。我不想像其他块一样在块编辑器中显示帖子,而是只在前端显示数据。所以在管理员中,除了占位符文本和设置之外,什么都不会显示。在插件的init.php 中我有这段代码(请忽略这里的编码错误,我只是放了一些部分来理解这个想法):

这工作正常。如果我添加块,它会显示帖子前端。但是我在管理员中收到一条错误消息:
更新失败。响应不是有效的 JSON 响应。
同时使用块保存页面;并且短代码在管理员中执行。我怎样才能防止这种情况?这是我采用的正确方法吗?请给我一些想法。

0 投票
1 回答
407 浏览

php - 尝试为 Gutenberg 创建 ACF 块时出现“不存在块类型”

我有一个我正在尝试初始化的新块,它被称为hero. 目前,我正在尝试为该块分配一个 ACF 字段组,但目前在 WordPress 后端看到了这个:

在此处输入图像描述

我已经创建了块并注册了块类型,但看不到哪里有问题?

这是我的方法:

/acf-blocks/blocks.php

/acf-blocks/render.php

/acf-blocks/functions.php

/template-parts/block/hero.php

这是我的文件夹结构: