美文网首页
Froala-editor 粘贴进来的文字格式化1

Froala-editor 粘贴进来的文字格式化1

作者: 每天洗脸刷幸运值 | 来源:发表于2021-04-21 20:39 被阅读0次

通过 这两个配置,可以避免弹窗,自动清除格式,但是这个编辑器没法设置默认格式,所以清除完格式的文字,并不是默认格式的,需要对这段粘贴的文字进行默认格式的格式化

 wordPasteModal: false,
 wordPasteKeepFormatting: false,

解决:
在粘贴前,先设置好格式,通过监听事件

'paste.before': function () {
                this.format.apply('p', {style: 'font-size:14px;line-height:2'});
}

这里只能用this.format.apply,用this.lineHeight.apply,或者this.fontSize.apply 都不行

然后发现wordPasteKeepFormatting改成false,结果粘贴进来的格式,还有加粗的格式,可以在这里配置

image.png

加个strong,因为检查发现,加粗的字体自动加上了strong标签,所以

pasteDeniedTags: ['strong'],

但是发现还是不对啊,特么的word里面的四级标题,五级标题,粘贴进来会变成h4,h5,会加粗,特么还是有问题啊

然后发现了这个


image.png

把这个值改成true即可

光是wordPasteKeepFormatting关闭,还不行,这只是不保留样式,但是转换的h4,h5,不算样式,需要额外加上pastePlain为 true才能清除格式。

并且如果粘贴进来的是个表格,上述配置后,表格还是能粘贴进来,只不过每个格子里面的格式被清空了

需求要求不要表格粘贴进来,看了一下,没有能配置的,所以只能手动改了,还是在events里面监听这个事件,自己手动匹配表格替换掉,并返回

'paste.afterCleanup': function (clipboard_html) {
                const regp = /<table.*?>[\s\S]*<\/table>/g;
                if (regp.test(clipboard_html)) {
                   console.log("已自动清除表格")
                    clipboard_html = clipboard_html.replace(regp, '');
                }

                return clipboard_html;
            }

相关文章

  • Froala-editor 粘贴进来的文字格式化1

    通过 这两个配置,可以避免弹窗,自动清除格式,但是这个编辑器没法设置默认格式,所以清除完格式的文字,并不是默认格式...

  • Froala-editor 粘贴进来的文字格式化2

    上一篇文章中对粘贴的内容进行格式化,使用如下代码,监听粘贴事件,粘贴之前先给个有样式的p标签 遇到的问题:粘贴进来...

  • 屏幕适配工具类 dimens

    下方是个工具类的所有内容,粘贴进来比较淫乱 不过没关系 我们的工具都是可以格式化的 直接复制拿走 package ...

  • CSS 文字格式化

    文字格式化排版 段落格式化排版

  • 锦囊19:使用全图的绝妙姿势

    第1步 图片处理 复制粘贴- 拉大至整个桌面- 上下居中- 裁剪 第2步 文字处理 复制粘贴文字- 字号60- 字...

  • 选择性粘帖玩出新境界

    颠覆我们对粘贴的认识,是粘贴不但可以粘贴格式,粘贴文字,粘贴内容,粘贴公式,还可以边粘贴边加减乘除运算。边粘贴边表...

  • 2017-09-15碎碎念

    1 读文字,喜欢剪辑复制粘贴珍藏击中我灵魂深处的句子。每次按下复制如果不粘贴的话,都觉得指头上沾满文字。做事时就不...

  • 碎碎念

    1 读文字,喜欢剪辑复制粘贴珍藏击中我灵魂深处的句子。每次按下复制如果不粘贴的话,都觉得指头上沾满文字。做事时就不...

  • Froala-editor 关于css文字换行

    富文本编辑器里面出现了一个很奇怪的现象,就是输入这么一长串字的时候,不会自动换行,看了一下 这个 为什么好端端的就...

  • 工具栏不全,上传图片和视频的按钮配置了也出不来

    加入import 'froala-editor/js/plugins.pkgd.min.js';即可

网友评论

      本文标题:Froala-editor 粘贴进来的文字格式化1

      本文链接:https://www.haomeiwen.com/subject/wdttrltx.html