首页 > 解决方案 > 为什么 WP 编辑器中的按钮组件一直在前端渲染锚标签?

问题描述

我正在为 WP 开发基于块的表单插件。主表单块将支持嵌套块 - 按钮核心组件就是其中之一。

问题是每当我包含按钮组件时,在前端呈现的东西都是锚标记。我检查了 -按钮侧边栏选项(在编辑器中)中的链接和锚选项为空。

那么不应该渲染一个按钮吗?我在这里想念什么?

官方的 Wordpress 参考指南指出以下内容 -

href 属性的存在决定了是否呈现锚元素而不是按钮。

此集合中未包含的道具将应用于 a 或 button 元素

来源:https ://developer.wordpress.org/block-editor/reference-guides/components/button/#props )

另外,当我在表单中插入按钮组件时,有什么方法可以禁用锚选项?

WordPress 版本:5.8

标签: wordpresswordpress-gutenbergwordpress-plugin-creation

解决方案


core/button块仅呈现一个<a>标签。您可以在源代码中亲自查看。该core/button块并非旨在创建实际<button>元素(用于提交您的示例中的表单)。

您需要做的是创建自己的自定义块来输出HTML<button>元素。


推荐阅读