jodit 添加按钮以在编辑器中插入 html

Question

有几篇关于类似主题的帖子。但是，在我的情况下，这些解决方案都不起作用。

我已经设法使用下面的代码添加了一个新按钮，但是当我点击它时没有任何反应。

<script>
var editor = new Jodit('#editor', {
    buttons: [
        'bold',
        {
            iconURL: './icons/icon.png',
            exec: function (editor) {
                return editor.create.fromHTML('text to insert');
            }
        }
    ]
});

我做错了什么？

下一步将添加一个新按钮，其中包含几个插入选项的下拉列表，每个选项用于在编辑器中插入不同的 html 文本。

有人做过吗？

Answer 1

看看 jodit documentation

更正您的代码：

var editor = new Jodit('#editor', {
    buttons: [
        {   
            name: 'bold',
            tooltip: 'Bold'
            iconURL: './icons/icon.png',
            exec: function (editor) {
                editor.selection.insertHTML('text to insert');
            }
        }
    ]
 });