如何更改工具栏 tinymce 上按钮的属性标题中的值？

Question

我需要元素“Supersctipt”将属性标题值设置为“footnote”。
这里默认为“上标”.
我不知道怎么做。这是我的代码 tinymce:

initTinyMCE()
function initTinyMCE(selector = '.js-tinymce') {
    tinymce.init({
        selector: selector,
        skin: false,
        branding: false,
        menubar: false,
        height: 500,
        toolbar:
            'undo redo | formatselect | bold italic underline superscript | bullist numlist | removeformat code',
        plugins: [
            "code", "paste", "lists"
        ],
        paste_as_text: true,
        block_formats: 'Paragraph=p; Header 3=h3; Header 4=h4; Header 5=h5; Header Underline=h6; ',
        content_css: '/css/tinymce.css?' + new Date().getTime(),
    })
}

我尝试通过 jQuery 引用这个元素，但没有成功，因为 tinymce 稍后启动：

$(function() {
   $('.js-tinymce button[title="Superscript"]').attr('aria-label', 'footnote')
})

我也试过这种方式，阅读文档：

formats: {
            sup: { selector: 'sup'},
          },
style_formats: [
            { title: 'footnote', format: 'sup' },
          ]

但也没有成功（最后，这个简单的任务是怎么做的？

Answer 1

耶耶耶！我通过在 tinymce init 对象的末尾添加 setup:... 选项解决了这个问题。代码：

initTinyMCE()
function initTinyMCE(selector = '.js-tinymce') {
    tinymce.init({
        selector: selector,
        skin: false,
        branding: false,
        menubar: false,
        height: 500,
        toolbar:
            'undo redo | formatselect | bold italic underline superscript | bullist numlist | removeformat code',
        plugins: [
            "code", "paste", "lists"
        ],
        paste_as_text: true,
        block_formats: 'Paragraph=p; Header 3=h3; Header 4=h4; Header 5=h5; Header Underline=h6',
        content_css: '/css/tinymce.css?' + new Date().getTime(),
        setup: function(tinyMCE) {
            tinyMCE.on('init', function() {
                $('[aria-label="Superscript"]').attr('title', 'Footnote')
            });
        },
    })
}

如何更改工具栏 tinymce 上按钮的属性标题中的值？

How to change value in attribute title for button on the toolbar tinymce?

javascript

jquery

tinymce

tinymce-5