如何在Silverstripe编辑器中添加自定义按钮？

我希望能够让用户在silverstripe的内容编辑器中添加一个样式化的按钮。他们需要能够编辑按钮内的文本，还需要能够链接到另一个页面或网站。我相信你可以使用短代码或者在微型mce编辑器上有一个按钮来实现这一点，这样会更好吗

HTML:

<a href="http://www.need-to-be-editable.com">
    <div class="ribbon">
        <strong class="ribbon-content"><h1>Need to be editable</h1></strong>
    </div>
</a>

---

首先，HTML不是语义的——在块元素周围有内联元素，除非这个按钮将启动一个新的部分，否则不应该使用H1标记

理想情况下，您可以将链接标记简化为以下内容：

<a href="http://www.need-to-be-editable.com" class="ribbon">
    Editable text
</a>

然后，您可以轻松地将“ribbon”类应用于编辑器中的链接，该链接可以驻留在p、H1、H2或适合上下文的任何位置。如果您选择这种方法，请查看有关驯服编辑器的一些提示

如果您需要更复杂的标记并包含多个元素，那么短代码可能是更好的选择。是一个方便的模块，用于改善CMS中短代码的编辑体验