TinyMCE 6粘贴Word列表格式丢失问题求助

核心问题定位 #

你当前的paste_word_valid_elements配置里，-ol,-ul,-li的负号表示排除这些元素，这直接导致Word粘贴的列表结构被过滤成段落，是格式丢失的主要原因。另外，TinyMCE 6开源版确实移除了原生Word处理能力，需要通过调整粘贴配置+自定义预处理逻辑实现基础列表保留。

修改后的完整代码 #

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.tiny.cloud/1/XXXXXXXXXXX/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
 
<script type="text/javascript">
  tinymce.init({
    selector: '#myeditablediv',
    inline: true,
    plugins: 'anchor autolink charmap codesample paste emoticons image link lists media searchreplace table visualblocks wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat | paste pastetext',
    // 修正：移除ol/ul/li前的负号，允许这些元素通过过滤
    paste_word_valid_elements: '-strong/b,-em/i,-u,-span,-p,ol,ul,li,-h1,-h2,-h3,-h4,-h5,-h6,-p/div,-a[href|name],sub,sup,strike,br,del,table[width],tr,td[colspan|rowspan|width],th[colspan|rowspan|width],thead,tfoot,tbody',
    paste_merge_formats: true,
    // 启用自动清理粘贴内容
    paste_auto_cleanup_on_paste: true,
    // 移除Word带的冗余样式
    paste_remove_styles: true,
    paste_remove_styles_if_webkit: true,
    // 自定义预处理：识别Word生成的列表段落并转换为<ul>/<li>结构
    paste_preprocess: function(plugin, args) {
      let content = args.content;
      
      // 处理Word无序列表：匹配带MsoListParagraph类的缩进段落
      content = content.replace(/<p class="MsoListParagraph"[^>]*>(.*?)<\/p>/g, '<li>$1</li>');
      // 将连续<li>包裹到<ul>中
      content = content.replace(/(<li>.*?<\/li>)+/g, '<ul>$&</ul>');
      
      // 可选：处理有序列表（匹配带数字编号的Word段落）
      content = content.replace(/<p class="MsoListParagraphCxSpFirst"[^>]*>(\d+\. .*?)<\/p>/g, '<li>$1</li>');
      content = content.replace(/(<li>\d+\. .*?<\/li>)+/g, '<ol>$&</ol>');
      
      args.content = content;
    }
  });
</script>
</head>

<body>
  <h1>TinyMCE Inline Editing Mode Guide</h1>
  <form method="post">
    <div id="myeditablediv">Click here to edit!</div>
  </form>
</body>
</html>

关键配置说明 #

1. 修正paste_word_valid_elements：去掉ol/ul/li前的负号，允许列表元素通过粘贴过滤规则。
2. 启用样式清理：paste_remove_styles和paste_remove_styles_if_webkit清除Word粘贴带来的冗余内联样式和类，避免干扰列表结构识别。
3. 自定义paste_preprocess回调：针对Word生成的列表HTML结构（通常是带MsoListParagraph类的<p>标签），将其替换为<li>，再把连续<li>包裹到对应<ul>/<ol>标签中。

局限性说明 #

这种自定义方案仅能处理基础Word列表，对于嵌套列表、带多级缩进或自定义编号的复杂列表，处理效果可能不如官方PowerPaste插件。如果需要完全兼容复杂Word文档格式，建议考虑付费的PowerPaste插件。

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