我已经为我的网站下载了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中吗?

10-08 04:18