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

Question

我希望能够让用户在银河系内容编辑器中添加一个样式化的按钮。他们需要能够编辑按钮内的文本，并且需要能够将其链接到另一个页面或网站。我相信你可以使用简码或可能在tiny_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> 

JSFIDDLE - HTML & CSS for button

Answer 1

一开始即HTML不是语义 - 你已经得到了各地块元素内联元素，除非这个按钮是要揭开序幕新的部分你不应该使用H1标签。

理想的情况下，您可以简化您的链接标记来是这样的：

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

然后你就可以轻松地应用了“丝带”类编辑器中的链接，该链接可以驻留在P，H1 ，H2或任何适合上下文的内容。如果您选择此方法，请参阅this module以获取关于编辑编辑器的一些提示。

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