在工具栏/侧边栏添加URL时,推荐的Gutenberg组件是什么?

时间:2021-05-27 作者:Andrew West

我有一个需要URL属性的自定义块。我认为在侧边栏或工具栏中设置URL是有意义的,但我找不到方法。我尝试过:

LinkControl

仍处于实验阶段,不适合放在侧栏中:

enter image description here

或工具栏:

enter image description here

URLInputButton / UrlInput

不适用于侧栏或工具栏:

enter image description here

无论如何,下拉列表都不令人满意:

enter image description here

有没有推荐的方法?我已经查看了图像块,但它似乎使用了自己特殊的LinkControl实现。RichText块是内联的,这对我不起作用。我肯定我错过了一些明显的东西。

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

UrlInput 使用LinkControl 在内部,但两者都没有考虑到侧栏,它们将用于显示为内联的popover组件中,例如单击工具栏按钮时。

它们也不打算直接出现在工具栏中。大多数(如果不是所有的话)输入组件都不能显示在工具栏中,除了按钮之外,原因很明显。

如果使用此组件导致侧栏溢出,那么您需要尽快在Gutenberg Github问题中报告这一错误,以便修复。

否则,这是您当前找到的最接近规范的帖子/URL选择输入。我建议您打印URL值,并在其旁边显示一个编辑按钮,该按钮将触发包含链接控件的popover组件

相关推荐