将粘贴格式从 Web 复制到 TinyMCE答案

【问题标题】：Copy paste formatting from web to TinyMCE将粘贴格式从 Web 复制到 TinyMCE
【发布时间】：2020-10-27 21:43:03
【问题描述】：

我在 TINYMce 工作。我从 TinyMCE 开始，它有一个包含三个要点的模板。我想突出显示网络上的一些文本并将其粘贴到 tinymce 中的现有项目符号中。

当我从网上复制内容，然后在 Tinymce 中突出显示三个项目符号并粘贴时，我得到了这个：

有没有人使用任何初始化配置来解决这个问题？正是因为这个问题，这让我想使用与 TinyMce 不同的工具。

编辑：经过一番挖掘，我想出了一个解决方案。发生的事情是在粘贴上添加了

标签，它在项目符号 2-3 和 3-4 之间创建了空格。这对我有用：

tinymce.init({  
paste_preprocess: function(plugin, args) {
        var regex = /<\/?p[^>]*>/g;
        var rawcontent = args.content
        var replacedcontent = rawcontent.replace(regex, "");
        args.content = replacedcontent;
        console.log(replacedcontent);
  },

这仍然不完美，因为在粘贴时，Tinymce 添加了第四个要点。我不知道如何解决这个问题，但现在将其标记为完成。

【问题讨论】：

问题实际上归结为您首先在 TinyMCE 中拥有什么 HTML，然后当您“从网络”复制内容并将其粘贴到剪贴板中的 HTML 以供 TinyMCE 处理时。有多种工具可以根据您使用的操作系统向您显示剪贴板中的内容，但我怀疑正在发生的事情是您正在将 HTML 列表插入另一个 HTML 列表。如果您插入的列表具有任何会影响其布局但（可能）不会影响周围列表元素的内联样式。
@MichaelFromin 好的，感谢您为我指明了正确的方向。如果我在将内容粘贴到 Tinymce 时可以删除 &nbsp，那我就可以做生意了。你知道init中有没有设置来做到这一点？我想我已经尝试了所有方法，但无法弄清楚。
TinyMCE 插入&nbsp; 有几个原因 - 特别是如果您连续有多个空格，它会使用硬空格来保持该空格的完整，因为多个常规空格在 HTML 中没有维护。当内容中有多个空格时，没有停止使用&nbsp; 的设置。如果您看到在不需要时使用硬空间，那将是一个不同的问题。
谢谢。我找到了解决方案。发生的事情是在粘贴时添加了额外的

标签。为了解决这个问题，我为 paste_preprocess 函数添加了代码，以便在粘贴之前从剪贴板中删除段落标签。现在几乎让我满意了。仍然让我发疯的一件事是，当我如上所述将我的网页内容粘贴到 Tinymce 时，它在粘贴时添加了第 4 个空项目符号。你知道这是通过初始化设置解决的吗？

标签： tinymce

【解决方案1】：

经过一番挖掘，我想出了一个解决方案。发生的事情是在粘贴时添加了标签，从而在项目符号 2-3 和 3-4 之间创建了空格。这对我有用：

tinymce.init({  
paste_preprocess: function(plugin, args) {
        var regex = /<\/?p[^>]*>/g;
        var rawcontent = args.content
        var replacedcontent = rawcontent.replace(regex, "");
        args.content = replacedcontent;
        console.log(replacedcontent);
  },

这仍然不完美，因为在粘贴时，Tinymce 添加了第四个要点。我不知道如何解决这个问题。

【讨论】：