tinymce移除空行按钮

### 实现 TinyMCE 中移除空行功能

为了实现 TinyMCE 编辑器中的移除空行功能，可以通过自定义插件或命令的方式来完成。此过程涉及 JavaScript 和 HTML 的组合使用。

#### 创建自定义按钮并绑定事件

首先，在初始化 TinyMCE 时添加一个新的按钮：

tinymce.init({
    selector: '#editor',
    toolbar: 'removeEmptyLines', // 添加到工具栏的按钮名称
    setup: function (editor) {
        editor.ui.registry.addButton('removeEmptyLines', {
            text: 'Remove Empty Lines',
            onAction: function () {
                removeEmptyLines(editor);
            }
        });
    }
});

#### 定义移除空行函数

接下来，编写 `removeEmptyLines` 函数来处理编辑区内的内容，去除所有的空白行：

function removeEmptyLines(editor) {
    const content = editor.getContent();
    
    // 使用正则表达式匹配连续的换行符，并替换为空格或其他字符
    const cleanedContent = content.replace(/(\r\n|\n|\r)[ \t]*[\r\n]+/g, '\n');
    
    // 将清理后的HTML重新设置回编辑器
    editor.setContent(cleanedContent);

    // 移动光标到最后的位置
    tinymce.activeEditor.selection.setCursorLocation();
}

上述方法通过正则表达式识别并删除多余的换行符[^1]。需要注意的是，这里假设用户希望保留单个换行作为段落分隔；如果需要更复杂的逻辑（比如完全不允许任何单独存在的换行），可以根据需求调整正则表达式的模式[^2]。