如何将链接/URL 按钮添加到重新镜像工具栏？答案

【问题标题】：How to add Link/URL button into remirror toolbar?如何将链接/URL 按钮添加到重新镜像工具栏？
【发布时间】：2023-01-15 15:21:20
【问题描述】：

我正在使用 remirror 构建所见即所得编辑器。

要求是在工具栏中有一个“链接”图标，这样当用户选择文本并单击该图标时，就会出现一个选项以在其后面添加一个超链接。

我在文档中找到了 LinkExtension，但我很难弄清楚如何将它添加到工具栏。

【问题讨论】：

【解决方案1】：

不熟悉 Remirror，但快速浏览文档后，似乎有各种 ToolbarItem-components ex。 ToolbarButtonItem 似乎适合这个用例。

【讨论】：

您的答案可以通过其他支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以在in the help center找到更多关于如何写出好的答案的信息。
嗨@mmatila我也找到了一个，但现在还没有一种执行逻辑的方法

【解决方案2】：

我发现我可以添加

{ type: ComponentItem.ToolbarButton, onClick: () => alert("figure out how to execute logic"), icon: 'link',  }

但现在我正在努力弄清楚如何实现逻辑

【讨论】：

【解决方案3】：

我找到了一种方法，可能很对，但也能实现功能。【Showcase - Markdown Editor】的例子你学会了吗？你只需要用其他东西替换<MarkdownToolbar/>，就像<button>Bold</button>

【讨论】：