TinyMCE配置需求：Enter实现Shift+Enter效果且独立成段

需求说明 #

要实现：

• 按下Enter键时，生成<br>换行（替代默认<p>标签的大间距）
• 按下Shift+Enter时，保持内容的段落独立性，避免内容合并
• 换行后的每部分内容都被视为独立段落

问题根源 #

使用force_br_newlines: true、force_p_newlines: false、forced_root_block: false这组配置后，虽然实现了Enter键的<br>换行效果，但破坏了编辑器默认的段落块结构，导致Shift+Enter无法触发正常的段落分隔逻辑，进而造成内容合并。

正确配置方案 #

通过自定义按键事件覆盖默认行为，同时保留块结构来实现需求：

tinymce.init({
  selector: 'textarea',
  forced_root_block: 'div', // 用div作为默认根块，保证段落独立性
  setup: function(editor) {
    editor.on('keydown', function(e) {
      // 处理Enter键（无Shift）
      if (e.keyCode === 13 && !e.shiftKey) {
        e.preventDefault(); // 阻止默认的p标签生成行为
        // 插入br换行后，新建div块保证段落独立
        editor.execCommand('mceInsertContent', false, '<br /></div><div>');
      }
      // 处理Shift+Enter键
      if (e.keyCode === 13 && e.shiftKey) {
        e.preventDefault(); // 阻止默认行为
        // 仅插入单个br，实现同段落内换行
        editor.execCommand('mceInsertContent', false, '<br>');
      }
    });
  }
});

配置说明 #

• forced_root_block: 'div'：指定默认根块为<div>，确保每段内容都有独立的容器，从结构上避免内容合并
• 按键事件逻辑：
  • Enter键：插入<br>换行后，关闭当前<div>并新建一个，既实现小间距换行，又维持段落独立性
  • Shift+Enter键：仅插入单个<br>，实现同段落内的换行效果

错误配置分析 #

之前尝试的多组配置存在核心问题：

• 同时设置newline_behavior: 'linebreak'和newline_behavior: 'block'，属性值冲突导致行为异常
• 用PostProcess事件替换<p>为<div>的方式，无法从根源解决按键触发的结构逻辑问题
• 未正确阻止默认按键行为，导致自定义插入内容与编辑器默认逻辑冲突

内容的提问来源于stack exchange，提问作者antonia simionescu