Tinymce编辑器从word中粘贴内容，如何对内容进行样式修改？

最新推荐文章于 2024-08-05 17:48:35 发布

Eva_伊娃

最新推荐文章于 2024-08-05 17:48:35 发布

阅读量3.3k

点赞数 2

分类专栏： VUE 文章标签： Tinymce中的paste粘贴问题

本文链接：https://blog.csdn.net/u014445517/article/details/102716990

版权

本文介绍了在使用Tinymce编辑器时遇到的从Word粘贴内容导致格式问题，通过分析和尝试，找到了利用paste_postprocess方法解决样式丢失的问题，确保内容在不同设备上显示正常。

摘要由CSDN通过智能技术生成

当从word中粘贴含多个表格的内容时，格式不正确的问题，在网上寻找了很多方法，都没有找到正确的解决方式。效果显示如下图：

粘贴功能是用的tinymce的paste插件实现的。在tinymce的官方文档中查看了paste的所有属性也无果。查看编辑器中内容的样式发现，div还有table的样式设置一下就好了。于是就用content_style属性中设置了一下，代码如下：

 window.tinymce.init({
        // language: this.language,
        language: 'zh_CN',
        selector: `#${this.tinymceId}`,
        // 编辑器的一些简单样式设置
        content_style: `
          *                         { padding:0; margin:0; }
          html, body                { height:100%; }
          img                       { max-width:100%; display:block;height:auto; }
          a                         { text-decoration: none; }
          iframe                    { width: 100%; }