问题标签 [create-guten-block]

尝试在我的反应组件中导入以下内容时出现错误：

我正在使用这个模块：https ://fonticonpicker.github.io/react-fonticonpicker/

我收到此错误：

./node_modules/@fonticonpicker/react-fonticonpicker/dist/fonticonpicker.base-theme.react.css 模块解析失败：意外字符'@' (18:0) 您可能需要适当的加载程序来处理此文件类型。| * | / | @font-face{font-family:fontIconPicker;src:url(assets/fontIconPicker.ttf) 格式("truetype"),url(assets/fontIconPicker.woff) 格式("woff"),url(assets/fontIconPicker.svg #fontIconPicker) 格式("svg");font-weight:400;font-style:normal}[class =" fipicon-"],[class^=fipicon-]{font-family:fontIconPicker!important;speak:none ;字体样式 .......

可以使用我在 github 上的代码重现该错误：https ://github.com/gregbia/my-app

使用npm install, andnpm start会显示错误。

我的 webpack 看起来像这样：

对于我的一个项目，我正在尝试在自定义页面模板上使用预定义的 Gutenberg 块。我使用 Block Lab WP Plugin 创建自定义 Gutenberg 块。但是当我在页面模板上使用时，它不起作用。

是否可以在页面模板上使用古腾堡块？所以当有人更改页面模板时，它可以立即使用吗？

提前致谢

我试图用下拉列表创建一个 Gutenberg 动态块。我已完成块创建并在前端使用选定的下拉值呈现块。

编辑帖子时如何设置使用先前值选择的下拉列表？

我尝试使用 props.attributes 访问属性值，但得到undefined

块.js

php

我正在尝试在我的 Gutenberg 块中包含自定义 HTML 嵌入输入，但不知道该怎么做。

我想知道在块内添加 HTML 的最佳方法是什么，就像使用自定义 HTML 块一样。有没有我错过的古腾堡元素？

我尝试了以下方法

然后我在edit()

最后再次保存（）

我的第一个问题是该属性被保存<iframe src="https://www.w3schools.com"></iframe>为例如。第二个问题是在前端我只看到一个空的 div。

第三个问题是，即使我设法使代码显示为文本，而不是前端的实际代码

您有更好的方法或知道我的代码有什么问题吗？

我正在使用 create-guten-block 工具在 Wordpress 中试验 Gutenburg 块。我想知道是否有标准样式可以用来设置界面样式。例如，我使用 TabPanel 组件创建了一个非常简单的控件，该控件呈现为：

非常丑陋，如果我们将组件编码为垂直方向，则布局不会发生变化。

作为开发人员，我们是负责设计这些组件的样式，还是有一套我们可以引入和使用的标准样式？

我用 Create Guten Block ( https://github.com/ahmadawais/create-guten-block ) 创建了一个工作 Gutenberg Block。目前它只适用于内联样式，但作为一项要求，我必须避免使用它们。

因此，我想在保存帖子时创建一个帖子/页面样式表，包括我的块的样式设置（例如背景颜色、颜色、字体大小......）

我的块的当前保存功能（block.js）

最好的解决方案是为整个页面/帖子生成某种样式表，其中包含来自所有块的所有设置。

最好的方法是样式表生成发生在页面保存时，但如果它发生在页面加载时也可以。由于这些帖子不会很大，因此性能应该不是那么大的问题。

当我有define( 'SCRIPT_DEBUG', true );In mywp-config.php时，我通过调用这个钩子接收到正确的对象：editor.BlockListBlock。当我有define( 'SCRIPT_DEBUG', false );或没有定义时，我收到了错误的对象。

未定义 SCRIPT_DEBUG 或为 false

使用 SCRIPT_DEBUG 为真

我用它来启动我的项目 https://github.com/ahmadawais/create-guten-block

我想从管理员的右侧边栏中删除编辑摘录部分，并移至帖子标题下方和古腾堡块上方的主编辑块。是否有任何选项可以将代码添加到functions.php？我只找到了古腾堡前解决方案的旧代码。

我想Section在 WordPress Gutenberg 中做一个块。我创建了一个部分块并将 Gutenberg<InnerBlocks>组件用作内部/子块。它工作正常，但Section块本身显示为其内部块列表。我想Section从其内部块中排除该块。<InnerBlocks>组件有一个属性allowedBlocks来指定允许作为内部块的块。但这对我没有帮助，因为我只想禁止Section来自内部块的块。我怎样才能只禁止一个特定的块<InnerBlocks>？

我需要一个选项，disallowedBlocks这样我就可以从 innerBlocks 列表中排除块，例如

<InnerBlocks disallowedBlocks={['leo-block/section']} />

完整代码

输出截图

我刚刚使用 npm 包创建了我的第一个古腾堡块插件create-guten-block。

编辑功能类似于您在下面看到的代码。但它在apiFetch()通话中找不到 404，因为该网站位于文件夹中，而不是域的根目录中。换句话说：主机名的结构http://localhost/websitename/不是websitename.local.

那么什么是相当于 PHP 的get_site_url()呢？该数据是否存储在wp对象中的某个位置？如果有，在哪里？因为我需要在前面加上/wp-json/wp/v2/categories正确的网站 URL。