wangeditor如何放入自定义复选框

WangEditor是一个轻量级的富文本编辑器，它本身并未直接支持内置自定义复选框功能，因为它专注于提供基础的文本编辑界面。如果你想在WangEditor中添加自定义复选框，通常需要通过HTML和JavaScript进行扩展。

步骤如下：

1. 首先，在HTML结构中插入一个`<div>`标签作为编辑区域，并引入WangEditor的JS库：

<div id="editor" style="width:800px;height:500px;"></div>
<script src="path/to/wangeditor.min.js"></script>

2. 使用WangEditor实例化编辑器，同时在初始化时，你可以设置一个自定义的按钮或者插件来触发复选框的插入。例如，创建一个自定义插件：

// 创建一个名为customCheckbox的插件
UE.plugins['customCheckbox'] = function(editor) {
    var me = editor;
    // 你的复选框HTML模板
    var checkboxTemplate = '<input type="checkbox" class="custom-checkbox"> <label>Custom Checkbox</label>';

    // 当点击自定义按钮时插入复选框
    editor.addListener('command exec', function(type, cmdName, evt) {
        if (cmdName === 'insertcustomcheckbox') {
            var range = me.selection.getRange();
            range.insertNode(UE.parseHTML(checkboxTemplate));
            range.select();
        }
    });

    // 添加自定义命令到菜单或快捷键
    UE.commands['insertcustomcheckbox'] = {execCommand: function() { /* 执行上述插入操作 */ }};
};

3. 初始化编辑器并注册自定义插件：

var editor = UE.getEditor('editor', {
    // 其他配置...
    plugins: ['customCheckbox']
});

4. 用户可以在编辑器中看到并使用这个自定义的复选框了。