在图像工具上添加属性

Question

我需要在图像工具上添加属性

我用的是小云。当我添加图像时，我需要在图像标签上添加类和属性。就这样

我可以添加自定义CSS

tinymce.init({

selector: 'textarea', // 根据您的 HTML 更改此值

插件：'图像'，

菜单栏：“插入”，

工具栏：“图像”，

image_advtab：正确，

图像类列表：[

{标题：'无'，值：''}，

{标题：'自定义CSS'，值：'自定义CSS'}，

]

});

我的问题是，如何在使用图像工具时添加属性“data-imagebox”

Answer 1

以下是使用 TinyMCE 的setup选项、editor.on方法和execCommand向图像标签添加数据属性的示例，以检查mceUpdateImage命令何时执行：

https://fiddle.tiny.cloud/Mtiaab

setup: function (editor) {
    editor.on('ExecCommand', function (e) {
        if (e.command === 'mceUpdateImage') {
            const img = editor.selection.getNode();
            img.setAttribute('data-imagebox', img.src);
        }
    });
},