自定义markitUp工具栏

Question

有没有人想出如何真正自定义markitup工具栏？当然你可以从mySettings配置变量中删除项目，但这会以某种方式使工具栏变得混乱。最终得到错误按钮表示的右侧工具栏项。有什么想法吗？

Answer 1

我遇到了同样的问题。 我找到了这个教程（法语），帮助我自定义工具栏 jaysalvat.com

在CSS中创建新工具栏时，按钮名称（类）中的数字似乎很重要。

markItUpButton1 markItUpButton2 markItUpButton3 markItUpButton4

在CSS中，如果您不想要与markItUpButton2关联的按钮将其删除或注释 并且您必须将下一个markItUpButton3重命名为markItUpButton2，依此类推或将图像关联更改为它。

使用本教程从头开始的最佳方式。

我可能错了，但在我的情况下，按照教程和数字逻辑修复了问题。

此致

Answer 2

我发现将自己的按钮添加到工具栏中非常容易..只需使用选项/ mySettings配置添加className：'class of class'..示例如下所示为粗体标记

{name:'Bold', key:'B', className: 'pBold', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },

然后在我的样式表中

.markItUp .pBold a {
background-image:url(images/bold.png);
}

Answer 3

如今，我认为这很容易。你可以设置按钮在style.css中显示：none，并在settings.js中注释掉分隔符

Answer 4

刚刚遇到同样的问题。很遗憾，但是markitup将按钮图像绑定到标题中的订单号。 您唯一能做的就是编辑markitupSettings json和css样式文件。