滁州市建设工程质量监督站网站济南市工程建设技术监督局网站

滁州市建设工程质量监督站网站,济南市工程建设技术监督局网站,网站建设办什么手续,品牌策划公司价格Tinymce富文本编辑器的改进——支持导入word 前言 《富文本编辑器の逆袭#xff1a;我让TinyMCE学会了吃Word文档#xff01;》 #xff08;推了推并不存在的眼镜#xff0c;故作高深地敲了敲键盘#xff09; 继上次把TinyMCE折腾得能导出Word之后#xff…Tinymce富文本编辑器的改进——支持导入word前言《富文本编辑器の逆袭我让TinyMCE学会了吃Word文档》推了推并不存在的眼镜故作高深地敲了敲键盘继上次把TinyMCE折腾得能导出Word之后我这双键盘侠的手又痒了——“要是能反过来把Word塞进编辑器里编辑那岂不是能少掉90%的格式调整头发”摸着日渐稀疏的头顶陷入沉思说干就干我火速冲进GitHub的魔法商店在茫茫插件海洋中捞出了传说中能让TinyMCE反刍Word的神秘法宝——importword插件插件名被我强行加粗以表尊重安装过程那叫一个丝滑——就像给手机装APP似的三行命令搞定npm install tinymce-plugin-importword --save然后…神秘兮兮地压低声音在配置文件里偷偷加上’importword’这个关键词重点来了当我在编辑器工具栏发现那个闪闪发光的导入Word按钮时激动得差点把咖啡泼在键盘上幸好我手快咖啡现在还在杯子里瑟瑟发抖。点击后的效果嘛…掏出手机翻出测试截图“锵锵锵锵您瞅瞅这效果”模仿魔术师甩披风的动作原本在Word里摆得整整齐齐的段落那些让我抓狂的标题层级连表格里的斜线表头都原样搬过来了突然想到什么似的补充当然图片得自己传服务器毕竟编辑器又不是魔法口袋能凭空变出图片链接…现在每次看到测试组同事对着新功能哇哦个不停我就忍不住想笑——他们哪知道这背后是我和插件文档斗智斗勇了三个通宵的成果啊突然捂住嘴糟糕说漏嘴了其实真正通宵的是在调试为什么导入后字体变宋体了这种玄学问题…下载importword插件插件地址tinymce-plugins下载插件点击下载将解压后的文件夹拷贝至public文件夹下的tinymce文件夹如下图所示代码实现// 1、引入刚刚拷贝importword的文件夹import/public/tinymce/importword// 2、添加importword至默认工具栏配置即可// 省略代码...plugins:{//使用的插件 - 根据需求进行删减type:[String,Array],default:link lists image code table wordcount media fullscreen paste preview importword,},toolbar:{//工具栏 - 根据需求进行删减type:[String,Array],default:importword | fontselect | bold italic underline strikethrough | link unlink image | undo redo | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | code | removeformat,},四、总结本篇文章是对前面文章富文本编辑器的使用2——Tinymce编辑器导出Word的优化与改进需在前面代码的基础上进行修改。importword插件的地址需注意引用的是拷贝的importword文件夹地址和前面引入的tinymce插件方式不一样。o最终效果