wysiwyg编辑器未显示活动按钮

javascript Trumbowyg wysiwyg editor not show active button?

本文关键字:活动 按钮 显示 编辑器 wysiwyg      更新时间:2023-09-26

javascript Trumbowyg wysiwyg编辑器not show active按钮

使用此代码,当填充一些字符到编辑器中并选择所有文本,然后按下B按钮。所有的文字将粗体,但为什么B按钮不显示活动。

注意:斜体按钮[I]不显示活动

我该怎么办?

http://plnkr.co/edit/hhlL0uPNJr16osyKzKRw?p =预览.

.

.

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://cdn.rawgit.com/Alex-D/Trumbowyg/v2.4.1/dist/trumbowyg.min.js"></script>
    <link rel="stylesheet" href="//cdn.rawgit.com/Alex-D/Trumbowyg/v2.4.1/dist/ui/trumbowyg.min.css">
    <div id="main" role="main">
        <div id="editor">
        </div>
    </div>
    <script>
        /** Default editor configuration **/
        $('#editor').trumbowyg(
            {
                btns: [
                    ['bold', 'italic', 'underline', 'strikethrough']
                ]
            }
        );
    </script>

JavaScript中使用的btn名称具有开发人员专有名称。为此,您必须使用如下脚本:

btns: ['strong', 'em', 'del']