Gutenberg自定义块如何将数据从插件索引文件发送到js文件
Gutenberg自定义块是WordPress编辑器中的一种功能，它允许开发者创建自定义的内容块，以扩展编辑器的功能。当涉及到将数据从插件索引文件发送到js文件时，可以通过以下步骤实现：
- 创建插件索引文件：在插件的主目录下创建一个名为
index.js的文件，该文件将用于导出自定义块的相关信息。 - 定义自定义块：在
index.js文件中，使用registerBlockType函数来定义自定义块。该函数接受一个对象作为参数，包含自定义块的各种属性和方法。 - 导出自定义块：在
index.js文件的末尾，使用export关键字将自定义块导出，以便在其他文件中使用。 - 创建js文件：在插件的主目录下创建一个名为
block.js的文件，该文件将用于处理自定义块的逻辑。 - 导入自定义块：在
block.js文件中，使用import关键字导入自定义块。导入的方式取决于你的项目结构和构建工具。 - 处理数据传输：在
block.js文件中，可以通过自定义块的方法来处理数据传输。例如，可以使用attributes属性来定义自定义块的属性，然后在save方法中将属性值传递给前端。 - 构建和部署：根据你的项目需求，使用适当的构建工具（如Webpack）来构建和部署插件。
总结起来，将数据从插件索引文件发送到js文件的过程涉及创建插件索引文件、定义自定义块、导出自定义块、创建js文件、导入自定义块、处理数据传输以及构建和部署插件等步骤。
对于腾讯云相关产品和产品介绍链接地址，可以根据具体需求和场景选择适合的产品。腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多详情。
相关·内容
我已经在plugin main/index php文件中注册了自定义块。register_block_type('gutenberg-custom/show-information', array( 'style' => 'gutenberg</em
浏览 14提问于2019-11-22得票数 0
在Gutenberg中创建多个块时，我很难理解构建/编译设置和文件结构。---- index.js
-- componen
浏览 0提问于2019-09-04得票数 3
回答已采纳
我正在创建一个自定义的WordPress Gutenberg块，我希望使用我的插件文件夹中的图像资产(PNG，JPGs)，以便在Gutenberg编辑器和呈现的页面中显示。我用Webpack来捆绑我的JS和SCSS的文件。我尝试添加webpack图像加载器，它将图像保存到我的主插件目录中的“资产”文件夹中。但是，当我试图使用块的主JS文件中的图像资产时，我无法找到
浏览 0提问于2019-08-01得票数 6
回答已采纳
我想在PHP中生成一个Gutenberg块。
我目前正在开发一个WordPress插件，它从YouTube导入视频并为每个视频创建一个帖子。我可以将YouTube视频插入到post_content中，但是当我用Gutenberg编辑器编辑文章时，它不会显示为块。我阅读了大部分“块编辑器手册”在这里，但我找不到任何东西，除了如何创建自定义块。我也在谷歌上搜索，但我发现的都是创建定制块。然而，我发现Gutenberg<e
浏览 7提问于2019-10-20得票数 6
回答已采纳
我正在构建一个定制的Gutenberg块，注册编辑器脚本，如block.json文件中所建议的那样。现在，我想使用函数将数据从php传递到Javascript。但是，这需要脚本的句柄。在block.json中，我没有命名句柄，而且似乎没有可能这样做。或者有其他方法将数据从我的php插件文件传递到J
浏览 4提问于2022-08-03得票数 0
1回答
我正试图为古腾堡创建一个自定义块。所以我尝试了一些简单的方法var el = wp.element.createElement;
);
js文件是我制作的插件的一部分，它由.php文件加载。问题是它甚至没有在Gutenberg编辑器中作为块选项出现。所以我的问题是：
我现在的密码
浏览 0提问于2019-05-06得票数 3
回答已采纳
我花了几个小时在WordPress目录和文档中搜索，但是我还没有找到默认Gutenberg块的代码。有人能指出我的正确方向吗？为了澄清，我特别想知道在WordPress安装的目录树中，块是在哪里定义的。
浏览 0提问于2020-09-10得票数 0
回答已采纳
我创建了一个简单的Gutenberg块，显示外部托管视频的记录。
在创建新的WP帖子时，作者将在块的编辑器部分输入视频的ID。这将触发我的自定义PHP通过第三方API获取和解析视频的标题文件。WP的ServerSideRender然后用于在编辑器视图和前端视图中呈现标题文件。这个效果很好。我的目标是通过在Gutenberg块属性字段中输入视频ID，使WP作者能够在创建帖子时获取视频记录。我已经通过API获取了文字记录，我只是不知道如何从</em
浏览 0提问于2019-02-22得票数 1
回答已采纳
WordPress在其第五个版本中添加了Gutenberg /块编辑器，默认情况下它是为Post和post类型启用的。在最近的将来，所有定制的post类型都会默认启用它，所以作为WordPress开发人员，我想知道如何为我自己的自定义post类型禁用这个编辑器？我想保留我从插件或主题注册的帖子类型的经典编辑器。
浏览 0提问于2018-09-06得票数 16
回答已采纳
但是带有文件夹、块模板和块模板部件的结构让我非常困惑。这里没有PHP，只有HTML文件。我没有看到任何来自经典模板层次的文件。
基本上，我想实现的是:为posts、CPT和自定义模板创建模板。我不想让用户编辑块的顺序，我只想让他们编辑内容，仅此而已。我希望内容编辑器选择一个模板，然后显示该模板的块，他可以编辑它们，就像经典的方式一样。我看到您可以做一些类似于这的操作，您可以注册一个模板并锁定块列表，但是对于自定义模板
浏览 0提问于2021-09-15得票数 2
我已经为Gutenberg编辑器中的框设置了一些css类，我可以在额外的css输入框中键入它，这对我来说不是问题，但是对于客户机来说不方便，因为他不知道，他忘记了它们。有一种方法可以使用所有自定义类，而不是一个简单的输入字段？
谢谢。
浏览 0提问于2019-03-25得票数 10
回答已采纳
我有一个创建古腾堡模块的插件。该插件包括react和babel js，如所述，并使用以下代码。这个块可以很好地添加到页面中，并且可以预览和查看页面，但是当我发布或更新页面，然后刷新编辑页面时，我得到一条消息：“您的站点不包含对"ka/ block -test”块的支持。$suffix . '.js', $required_js_files, null );
$required_js_files[] = &
浏览 0提问于2019-10-16得票数 2
3回答
我试图制作一个简单的Gutenberg块来实现<InspectorControls>，但是无论我使用哪个组件，我都会得到一个反应错误。AlignmentToolbar, InspectorControls,} = wp.blocks;
at qc (react-dom
浏览 0提问于2018-03-20得票数 4
回答已采纳
我正在练习如何创建Gutenberg块插件。我使用创建一个块插件。
编辑：我没有像我最初所说的那样使用wp支架，我想写的是我使用了@wordpress/create-块。脚手架上只有一个块，因此，如果需要多个块，就必须修改结构，这并不难，但我希望这些块使用block.json向register_block_type_from_metadata()注册块，但问题是，如果我在主插件的PHP<e
浏览 2提问于2021-07-14得票数 5
回答已采纳
我使用$wpdb进行mysql查询，并从php文件中获取数据。$results = $wpdb->get_results("SELECT * FROM table_name");
现在，我用wordpress api注册了一个Gutenberg块。我考虑设置一个小型nodejs服务器来查询本地主机mysql表，并通过自定义api路由发送数据。THen -我在我的反应前端查询该路径并显示数据.但在我看来，这似乎是太多的变通方法，我的意思是php
浏览 0提问于2021-01-30得票数 4
回答已采纳
我开发了一个自定义Gradle插件来从文件中读取一些数据，但我想开发第二个插件来将这些数据发送到外部服务器(发送数据的插件应该取决于读取数据的插件)。我知道一个Gradle插件可以检测到第二个插件，如果在应用程序中使用的话。我不知道如何将数据(字符串或dto)从一个插件传递到另一个插件
浏览 0提问于2020-03-16得票数 0
这可能是一个愚蠢的问题，但我觉得我在努力编辑从github下载的wordpress插件：。安装节点包构建插件的生产版本要构建开发版本，请更改正在处理的块的本地目录，然后运行cd 01-basic-esnext/
浏览 2提问于2021-03-11得票数 2
1回答
我正在使用这个教程在古腾堡编辑器中制作我的第一个定制块。输出正确，块开始在块部分显示。这是我的密码：-function gutenberg_boilerplate_block() { register_block_typ
浏览 0提问于2019-02-26得票数 1
回答已采纳
我正在编写我的第一个wordpress自定义主题，并创建了一个自定义的Gutenberg块。到目前为止，它可以在我的设置上工作。但担心用户何时会将其安装在不同的路径上。categories: categories });我已经在本地安装了wordpress和MAMP，安装在自定义路径(/wordpress)上，而不是主文件夹。只要在索引文件夹中安装了wordpress，任何用户都可以
浏览 6提问于2021-11-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
