如何在 TinyMCE 5 file_picker_callback / callback() 函数中更新锚链接的 CSS 类和 rel 属性

Question

所以我正在使用 TinyMCE 5，但找不到如何更新 CSS class="" 和 rel="" 属性：

<a class="..." rel="...." href="data.url">data.text</a>

带有回调（）函数的锚链接？

无法通过文档找到解决方案：

https://www.tiny.cloud/docs/plugins/opensource/link/

https://www.tiny.cloud/docs/configure/file-image-upload/#file_picker_callback

和谷歌。

我的 TinyMCE 5 init() JavaScript 示例代码：

tinyMCE.init({
        //...
        file_picker_types: 'file image',
        file_picker_callback: function(callback, value, meta) {
            if (meta.filetype == 'file') {
                tinymce.activeEditor.windowManager.openUrl({
                    title: 'File browser',
                    url: TINYMCE_FILE_BROWSER_URL,
                    onMessage: function (api, data) {
                        if (data.mceAction === 'fileAction') { 
                            callback(data.url, { text: data.text, 'css_classes_attribute': 'int_mark_link' });
                            api.close();
                        }
                    }
                });
            }
        },
        //predefined CSS classes:
        link_class_list: [
            {title: 'None', value: ''},
            {title: 'External Link', value: 'ext_link'},
            {title: 'Internal Support Link', value: 'int_sup_link'},
            {title: 'Internal Marketing Link', value: 'int_mark_link'},
            {title: 'Other Internal Link', value: 'int_other_link'}
        ],
        //...
    });

提前致谢。

Answer 1

可以使用 rel_list 设置 rel

rel_list: [
   {title: 'None', value: ''},
   {title: 'Rel nofollow', value: 'nofollow'},
   {title: 'Rel sponsored', value: 'sponsored'}
],

这样的类

  link_class_list: [
    {title: 'None', value: ''},
    {title: 'Bold', value: 'classbold'},
    {title: 'Extrabold', value: 'classextrabold'}
  ],