ckeditor

在grails程序中使用了ckeditor插件，版本升到了最新的3.4.2.0。 但在程序进行时，对其富文本编辑框中粘贴WORD文档时，格式仍然有丢失现象。 甚至使用其WORD导入按钮，效果也是一样。 查网上资料后，终于找到解决方法： 1、在config.groovy中加入: ckeditor{ config="/js/myckconfig.js" } 2、在程序的js目录下新增一个文件myckconfig.js，并在文中加入以下语句。 CKEDITOR.editorConfig = function( config ) { //config.pasteFromWordIgnoreFontFace = true; //默认为忽略格式 config.pasteFromWordRemoveFontStyles = false; config.pasteFromWordRemoveStyles = false; }; 问题解决。 来源： CSDN 作者： iteye_15688 链接： https://blog.csdn.net/iteye_15688/article/details/82157207

公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器（在线富文本编辑器）中。Chrome+IE默认支持粘贴剪切板中的图片，但是我要粘贴的文章存在word里面，图片多达数十张，我总不能一张一张复制吧 ？ 我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布 在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。 在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。 网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、前台页面引用代码 <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="index.aspx.cs"Inherits="CKEditor353.index" %> <!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0

让富文本编辑器支持复制doc中多张图片直接粘贴上传 Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧 ？ 我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布 感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。 好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。 https://ueditor.baidu.com/website/umeditor.html （有兴趣可以试试） 难道就这么失败了？ 不，但是我意外发现UMeditor竟然支持 粘贴word中的多张图片（仅支持IE11，不支持IE10以下版本、以及Chrome等） 切换HTML，会看到你的图片被组织成base64 nice，机会来了，既然IE支持复制word中的多张图片直接粘贴base64，既然有了base64我们就有办法上传转图片啦！ 那么我们来改造Ueditor，让他支持IE11（总比没得用强吧） 打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同) 1、注释掉14679行（暂时不明确有什么不良影响） //执行默认的处理 //me.filterInputRule(root); 2、在28725行插入以下代码

关于ckeditor的下载和引用网上有很多完整清晰的教程，就不在此多说了，主要说一些小问题。 这个插件，初次用的时候放不进背景图，放不进隐藏域，连class，id这些属性都放不进去，然后我进行了一些调整，就可以支持大部分标签和属性了。 var editor = CKEDITOR.replace('editor1', { extraAllowedContent:'span{background,display}' }); 上面的span代表允许span标签，{}中的background和dispaly代表允许span标签使用background和dispaly属性，你可以只设置你需要的。 var editor = CKEDITOR.replace('editor1', { extraAllowedContent :'*[*]{*}(*)', // 允许所有html属性包括自定义的 allowedContent: true, // 允许所有html标签 } 这样设置的话就是允许所有标签和属性，包括自定义的属性，如果你不需要限制，可以直接允许所有，但是即使允许所有属性，input的hide还是不能生效，可能因为它是编辑器吧，设置了hide框还是会直接展示出来。 设置值和获取值： //这是一个大坑，从ckeditor取出来的值根本找不到换行符，但是把这个值放到js里就有换行了，然后就报错