tinymce实现从word直接粘贴

原文地址:https://www.jianshu.com/p/b9f3e566a9ce

我们需要用到tinymce官方的插件powerpaste,下载地址:
链接: https://pan.baidu.com/s/1gfl9Ccz 密码: rrv4
(增加了一个langs包)
解压后我们放到tinymce模块的plugins文件夹下。
接着tinymce初始化时

  tinymce.init({
    selector: 'tinymce',
    language: 'zh_CN',
    plugins: [
      powerpaste, // plugins中,用powerpaste替换原来的paste
      //...
    ],
    powerpaste_word_import: 'propmt',// 参数可以是propmt, merge, clear,效果自行切换对比
    powerpaste_html_import: 'propmt',// propmt, merge, clear
    powerpaste_allow_local_images: true,
    paste_data_images: true,
    images_upload_handler: function (blobInfo, success, failure) {
      // blobInfo.blob() 得到图片的file对象
      ajaxUpload(blobInfo.blob()).then((data) => {
         // 上传成功后,调用success函数传入图片地址
         success(data.uploadedImageUrl)
       })
     },
    // tinymce的其他配置参数
  })

效果预览

Paste_Image.png

 



 

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值