• word内容带样式粘贴到富文本编辑器

    wangeditor自带粘贴文本样式过滤：


    粘贴文本
    注意，以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能，没有样式过滤！
    关闭粘贴样式的过滤
    当从其他网页复制文本内容粘贴到编辑器中，编辑器会默认过滤掉复制文本中自带的样式，目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉粘贴样式的过滤。
     
    但不知为何，我的不生效，所以我使用了，自定义处理粘贴的文本内容：
    自定义处理粘贴的文本内容
    使用者可通过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操作，然后返回处理之后的文本内容。编辑器最终会粘贴用户处理之后并且返回的的内容。
    示例代码
    <div id="div1">
        <p>欢迎使用 wangEditor 富文本编辑器</p>
    </div>
     
    <script type="text/javascript" src="/wangEditor.min.js"></script>
    <script type="text/javascript">
        var E = window.wangEditor
        var editor = new E('#div1')
        // 关闭粘贴样式的过滤
        editor.customConfig.pasteFilterStyle = false
        // 忽略粘贴内容中的图片
        editor.customConfig.pasteIgnoreImg = true
        // 自定义处理粘贴的文本内容
        editor.customConfig.pasteTextHandle = function (content) {
            // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
            return content + '<p>在粘贴内容后面追加一行</p>'
        }
        editor.create()
    </script>
    我的代码：

    <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <htmlxmlns="http://www.w3.org/1999/xhtml">

    <head>

        <metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <title>编辑器完整版实例-1.2.6.0</title>

        <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script>

        <scripttype="text/javascript" src="ueditor.all.js" charset="utf-8"></script>

        <linktype="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>

        <linktype="text/css" rel="Stylesheet" href="WordPaster/js/skygqbox.css" />

        <scripttype="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>

        <scripttype="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>

        <scripttype="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>

        <scripttype="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>

    </head>

    <body>

        <textareaname="后台取值的key"id="myEditor">这里写你的初始化内容</textarea>

        <scripttype="text/javascript">

            var pasterMgr = new WordPasterManager();

        pasterMgr.Config["PostUrl"] = "http://localhost:81/WordPaster2/WordPasterUEditor1x/php/upload.php"

        pasterMgr.Load();//加载控件

            

              UE.getEditor('myEditor',{onready:function(){//创建一个编辑器实例

                  pasterMgr.SetEditor(this);

              }});

        </script>

    </body>

    </html>

    前端效果：

     

    可参考这篇文章：http://t.cn/AiHvI5qG
  • 相关阅读:
    [f]动态判断js加载完成
    [f]添加css3动画的方法
    Meta标签以及viewport
    数据结构与算法-单向链表
    Denormalization 2
    Normalization
    Denormalization
    C# 通过反射获取扩展方法
    从ord()中对Unicode编码的理解
    python访问MS SqlServer（通过pyodbc）
  • 原文地址：https://www.cnblogs.com/songsu/p/11301089.html
Copyright © 2020-2023  润新知