将粘贴格式从web复制到TinyMCE

将粘贴格式从web复制到TinyMCE,tinymce,Tinymce,我在TINYMce工作。首先,TinyMCE有一个包含三个要点的模板。我想突出显示web上的一些文本,并将其粘贴到tinymce中现有的项目符号中 当我从web复制内容,然后在Tinymce中突出显示三个项目符号并粘贴时,我得到以下结果: 有人使用init配置解决这个问题吗?正是因为这个问题,我才想使用与TinyMce不同的工具 编辑: 经过一番挖掘,我想出了一个解决办法。粘贴时添加了标签,在项目符号2-3和3-4之间创建了空格。以下是对我有效的方法: tinymce.init({ pa

我在TINYMce工作。首先,TinyMCE有一个包含三个要点的模板。我想突出显示web上的一些文本,并将其粘贴到tinymce中现有的项目符号中

当我从web复制内容,然后在Tinymce中突出显示三个项目符号并粘贴时,我得到以下结果:

有人使用init配置解决这个问题吗?正是因为这个问题,我才想使用与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.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.init({
粘贴预处理:函数(插件、参数){
var regex=/]*>/g;
var rawcontent=args.content
var replacedcontent=rawcontent.replace(regex,“”);
args.content=replacedcontent;
console.log(replacedcontent);
},

这仍然不是完美的,因为在粘贴时,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.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.init({
粘贴预处理:函数(插件、参数){
var regex=/]*>/g;
var rawcontent=args.content
var replacedcontent=rawcontent.replace(regex,“”);
args.content=replacedcontent;
console.log(replacedcontent);
},

这仍然不是完美的,因为在粘贴时,Tinymce添加了第四个要点。我不确定如何解决这一问题。

问题实际上归结为,首先在Tinymce中使用什么HTML,然后在“从web”复制内容时使用什么HTML然后将它粘贴到剪贴板中的HTML,供TinyMCE处理。根据您使用的操作系统,有多种工具可以显示剪贴板中的内容,但我怀疑发生的情况是您正在将HTML列表插入另一个HTML列表。如果您插入的列表具有任何内联样式,则会影响t其布局,但(可能)不是周围的列表元素。@MichaelFromin好的,谢谢你给我指明了正确的方向。如果我在将内容粘贴到Tinymce时可以删除,那么我就可以开始工作了。你知道init中是否有这样的设置吗?我想我已经尝试了所有方法,但无法找到它。Tinymce插入 -特别是如果一行中有多个空格,它会使用硬空格来保持间距,因为HTML中没有维护多个常规空格。当内容中有多个空格时,没有停止使用
的设置。如果您看到在不需要硬空格时使用硬空格,这将是一个不同的问题nks。我找到了一个解决方案。发生的事情是在粘贴上添加了额外的

标记。为了解决这个问题,我添加了一个粘贴预处理函数的代码,以便在粘贴之前将段落标记从剪贴板中删除。现在几乎达到了我的满意程度。有一件事仍然让我抓狂,那就是当我将web内容粘贴到Tinymce上时如上所述,它在粘贴上添加了第四个空项目符号。您知道这是用init设置解决的吗?