如何在TinyMCE中未选中链接时调用Link模态框？

你当前的代码在检测到未选中链接时会弹出提示，要改成直接唤起TinyMCE内置的Link模态框，只需要调用TinyMCE提供的mceLink内置命令即可，替换掉原来的alert提示和占位代码。

修改后的代码片段如下：

editor.addCommand('addBtn', function() {
        // 获取选中内容
        var selectedContent = editor.selection.getContent({
            'format': 'html'
        });
        // 检查是否有选中内容
        if ( selectedContent.length === 0 ) {
            alert( 'Please select some text' );
            return;
        }
        // 检查选中内容是否为链接
        var selectedLink = jQuery(selectedContent).attr('href');
        if ( typeof(selectedLink) === "undefined" ) {
            // 调用TinyMCE内置的链接模态框
            editor.execCommand('mceLink');
            return;
        }

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

        // 后续的按钮转换逻辑...
});

关键说明 #

• editor.execCommand('mceLink')是TinyMCE官方内置命令，会直接唤起默认的链接编辑模态框，用户可在框内创建新链接或编辑已有链接。
• 如果需要在用户完成链接编辑后自动继续执行按钮转换逻辑，可以监听TinyMCE的NodeChange事件，在回调中重新检测选中内容是否为链接，再执行后续处理。

内容的提问来源于stack exchange，提问作者Chris Pink