CKEditor4x word导入不保存格式的解决方案

Posted 2021-11-26 paul010

后台上传文档时,目前功能都通过word直接复制黏贴实现,之前和word控件朋友一起测试找个问题,原始代码CK4.X没有找个问题.

第一时间排查config.js的配置发现端倪,测试解决!

由于配合ckfinder来进行附件上传,所以修改了自定义basic的所有配置参数具体代码如下:

 

 1 /*
 2 Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
 3 For licensing, see LICENSE.html or http://ckeditor.com/license
 4 */
 5 
 6 CKEDITOR.editorConfig = function (config) {
 7     // Define changes to default configuration here. For example:
 8     //定义语言，此处改为中文
 9     //config.language = ‘fr‘; //中文
10     //config.language = ‘zh-cn‘; //配置语言 
11     //颜色
12     config.uiColor = ‘#E6EBEE‘;
13 
14     //字体
15     //config.font_names = ‘新细明体/PMingLiU;细明体/MingLiU;标楷体/DFKai-SB;黑体/SimHei;宋体/SimSun;新宋体/NSimSun;仿宋/FangSong;楷体/KaiTi;仿宋_GB2312/FangSong_GB2312楷体_GB2312/KaiTi_GB2312;微軟正黑體/Microsoft JhengHei;微软雅黑体/Microsoft YaHei;隶书/LiSu;幼圆/YouYuan;华文细黑/STXihei;华文楷体/STKaiti;华文宋体/STSong;华文中宋/STZhongsong;华文仿宋/STFangsong;方正舒体/FZShuTi;方正姚体/FZYaoti;华文彩云/STCaiyun;华文琥珀/STHupo;华文隶书/STLiti;华文行楷/STXingkai;华文新魏/STXinwei;‘+ config.font_names; 
16     config.font_names = "宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;" + config.font_names;
17 
18     //config.font_names = ‘宋体;楷体;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana‘;
19     //默认使用的toolbar（工具栏），此设定名字为“Basic”的toolbar为系统默认的工具栏
20     config.toolbar = ‘Basic‘;
21     //名字为“Basic”的toolbar（工具栏）的具体设定。只保留以下功能：
22     config.toolbar_Basic =
23     [
24         { name: ‘styles‘, items: [‘Font‘, ‘FontSize‘] }, //样式栏：字体、大小
25         {name: ‘paragraph‘, items: [‘JustifyLeft‘, ‘JustifyCenter‘, ‘JustifyRight‘, ‘JustifyBlock‘] }, //对齐栏：左对齐、中心对齐、右对齐、两端对齐
26         {name: ‘colors‘, items: [‘TextColor‘, ‘BGColor‘] }, //颜色栏：文本颜色、背景颜色
27         {name: ‘basicstyles‘, items: [‘Bold‘, ‘Italic‘, ‘Underline‘, ‘Strike‘, ‘Subscript‘, ‘Superscript‘, ‘-‘, ‘RemoveFormat‘] }, //基本样式栏：加粗、倾斜、下划线、删除线、下标、上标、移除样式
28         { name: ‘insert‘, items: [‘Image‘, ‘Flash‘, ‘VideoPlayer‘] }, //插入栏：图像、flash、表格、水平线, ‘Table‘, ‘HorizontalRule‘
29         {name: ‘links‘, items: [‘Link‘, ‘Unlink‘] }, //超链接栏：增加超链接、取消超链接
30         {name: ‘document‘, items: [‘Source‘] }, //源代码栏：查看源代码
31 
32         { name: ‘tools‘, items: [‘imagepaster‘, ‘netpaster‘, ‘Find‘, ‘Smiley‘] }//Word 粘帖代码+查找功能
33     ];
34 
35    // config.extraPlugins = ‘videoplayer‘;
36 
37     config.extraPlugins += (config.extraPlugins ? ‘,videoplayer‘ : ‘videoplayer‘);
38     //工具栏是否可以被收缩（即：右上角的三角符号是否显示）
39     config.toolbarCanCollapse = true;
40     //工具栏默认是否展开
41     config.toolbarStartupExpanded = true;
42     // 是否允许“拖拽改变尺寸”功能（即：右下角的三角符号是否显示）
43     config.resize_enabled = false;
44     //当输入：shift+Enter时插入的标签
45     config.shiftEnterMode = CKEDITOR.ENTER_P; //可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV
46     //回车（Enter）时产生的标签
47     config.enterMode = CKEDITOR.ENTER_BR; //可選：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV
48     //宽度
49     //config.width = "600px";
50     //高度
51     config.height = "300px";
52 
53     config.allowedContent = true;
54 
55     //保证word导入格式--问题就出现在配置参数导入配置问题--拍块砖20190501mark
56     config.pasteFromWordRemoveFontStyles = true;
57     config.pasteFromWordRemoveStyles = true;
58     //是否强制复制来的内容去除格式
59     config.forcePasteAsPlainText = false; //不去除
60 
61 
62     //默认样式
63     //config.skin ：‘kama‘（默认）、‘office2003‘、‘v2‘
64     //config.skin = "bootstrapck";
65     //工具栏的位置
66     //config.toolbarLocation = ‘top‘; //可选：bottom
67     //改变大小的最大高度
68     //config.resize_maxHeight = 3000;
69     //改变大小的最大宽度
70     //config.resize_maxWidth = 3000;
71     //改变大小的最小高度
72     //config.resize_minHeight = 250;
73     //改变大小的最小宽度
74     //config.resize_minWidth = 750;
75     //当提交包含有此编辑器的表单时，是否自动更新元素內的资料
76     //config.autoUpdateElement = true;
77     //绝对目录还是相对目录，为空为相对目录
78     //config.baseHref = ‘‘
79     //编辑器的z-index值
80     //config.baseFloatZIndex = 10000;
81 
82 
83 
84 
85     //以下为上传附件的相关配置，需配合ckfinder控件使用
86     //    var ckfinderPath = "/js";
87     //    config.filebrowserUrl = ckfinderPath + ‘/ckfinder/ckfinder.html‘;//上传文件时浏览服务文件夹
88     //    config.filebrowserImageBrowseUrl = ckfinderPath + ‘/ckfinder/ckfinder.html?Type=Images‘;//上传图片时浏览服务文件夹
89     //    config.filebrowserFlashBrowserUrl = ckfinderPath + ‘/ckfinder/ckfinder.html?Type=Flash‘; //上传Flash时浏览服务文件夹
90     //    config.filebrowserUploadUrl = ckfinderPath + ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files‘; //上传文件按钮(标签)
91     //    config.filebrowserImageUploadUrl = ckfinderPath + ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images‘;//上传图片按钮(标签)
92     //    config.filebrowserFlashUploadUrl = ckfinderPath + ‘/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash‘;//上传Flash按钮(标签)
93 };

修改后导入word格式测试OK!