TinyMCE 调用链接模式

Question

我有一些代码可以将链接转换为TinyMCE中的按钮，这是处理用户选择的部分。目前，如果未选择链接，我只需告诉用户他们需要选择一个链接。我觉得如果它调用生成 TinyMCE 链接模式的例程会更复杂。

我该怎么做？

editor.addCommand('addBtn', function() {
        // find out what we selected
        var selectedContent = editor.selection.getContent({
            'format': 'html'
        });
        // need a selection of length > 0
        if ( selectedContent.length === 0 ) {
            alert( 'Please select some text' );
            return;
        }
        // Look for the link
        var selectedLink = jQuery(selectedContent).attr('href');
        if ( typeof(selectedLink) === "undefined" ) {
            alert( 'Please select a link' );
            [TIMYMCE LINK MODAL HERE] 
            return;
        }

        var selectedText = jQuery(selectedContent).text();

        

Answer 1

mceLink

命令打开当前选择的链接对话框：

editor.execCommand('mceLink');

它需要

link

插件：

tinymce.init({
  plugins: 'link'
});

可以在

link_list

:

中指定预定义的链接列表

tinymce.init({
  link_list: [
    { title: 'Title1', value: '#link1' },
    { title: 'Title2', value: 'link/2' }
  ]
});