我已经为我的网站下载了Trumbowyg所见即所得的编辑器:http://alex-d.github.io/Trumbowyg/。工具栏上有很多按钮,它们不需要文本对齐,引号等。因此,我想将其删除,但是由于没有HTML文件,因此我不确定该怎么做,因为按钮似乎是从JavaScript生成的。因此,我进入了JS文件,其中列出了如下所示的按钮:
btns: [/*
['viewHTML'],
['undo', 'redo'],*/
['formatting'],
'btnGrp-semantic',
/*['superscript', 'subscript'],
['link'],*/
['insertImage'],/*
'btnGrp-justify',
'btnGrp-lists',
['horizontalRule'],
['removeformat'],
['fullscreen']*/
],
如您所见,我只剩下了几个按钮。但是,这实际上没有任何作用。所有按钮仍然出现。我可以将某些按钮设置为
display:none
,但这在语义上不是很好。而且这也不起作用,因为每个按钮都嵌套在自己的div中,但是它们都具有相同的类.trumbowyg-button-group
,并且没有单独的标识符。我试图使用.trumbowyg-button-group
通过javascript删除单个.css('display', 'none')
,但是这不起作用。任何建议表示赞赏。 最佳答案
要自定义按钮窗格,您无需更改Trumbowvg的源代码。有一个公共API可以这样做。您可以在初始化Trumbowvg时定义使用的按钮:
$('#demo').trumbowyg({
btns: [['formatting'], 'btnGrp-semantic', ['insertImage']]
});
对于您的方法,我想这是因为您更改了Trumbowvg的
src
代码,但没有将其构建到其dist
中吗?