ckeditor

在ckeditor/config.js的CKEDITOR.editorConfig = function( config ){}函数中添加如下配置 //是否强制复制来的内容去除格式 plugins/pastetext/plugin.js config.forcePasteAsPlainText =false//不去除 //是否使用等标签修饰或者代替从word文档中粘贴过来的内容 plugins/pastefromword/plugin.js config.pasteFromWordKeepsStructure = false; //从word中粘贴内容时是否移除格式 plugins/pastefromword/plugin.js config.pasteFromWordRemoveStyle = false config.pasteFromWordRemoveFontStyles = false; 来源： CSDN 作者： 右子龙 链接： https://blog.csdn.net/domingoluis/article/details/7225718

我们在ckeditor 中有上传图片，但是实际使用中这种手动上传图片方式并不是很方便，而是复制或者截图粘贴图片。 这里我们实现主要是获取对应的粘贴事件。 CKEDITOR.instances[ "editor1" ].on( 'instanceReady' , function (e) { this .document.on( "paste" , function (e) { var items = e.data.$.clipboardData.items; for ( var i = 0 ; i < items.length; ++i) { var item = items[i]; if (item.kind == 'file' && item.type == 'image/png' ) { var imgFile = item.getAsFile(); if (!imgFile) { return true ; } var reader = new FileReader(); reader.readAsDataURL(imgFile); reader.onload = function (e) { //显示文件 CKEDITOR.instances[ "editor1" ].insertHtml( '<img src="' + this .result + '" alt=""

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。 我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器 有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。 在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。 在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。 网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!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

环境：java,springmvc,freemaker,ckeditor 在做项目的时候发现本地图片粘贴到ckeditor中，img标签的src中的值是“data:image/png;base64,”开头的，后面会跟一串字符串，图片越大字符串越长，这样的图片在保存的时候一旦放多了过后，后台不知什么原因拿不到其它的参数，所以想把这种图片上传到后台在显示出来。研究了一天的发觉还是挺简单的，主要是ckeditor怎么获取img并获取src 。下面看一下代码。 Js代码 function uplaodImage(){ CKEDITOR.instances.editor.on('change', function (e){ var a = e.editor.document ; var b = a.find("img"); var count = b.count(); for ( var i=0;i<count;i++){ var src =b.getItem(i).$.src;//获取img的src if (src.substring(0,4)=='data'){ var url = 后台请求路径; $.ajax({ type:"POST", url:url, async: false ,//同步，因为修改编辑器内容的时候会多次调用change方法，所以要同步，否则会多次调用后台 data

I am trying to use CKEditor in my JSF application. How to get the content of CKEditor into backing bean..? index.xhtml <form action="" method="post"> <p> My Editor:<br /> <textarea cols="90" rows="20" id="editor1" name="editor1" value="#{EditorBean.value}"></textarea> <script type="text/javascript"> CKEDITOR.replace( 'editor1', { uiColor: '#85B5D9' }); </script> <input type="button" value="Clear" name="clear" onclick="clear1()"/> </p> </form> BackingBean @ManagedBean public class EditorBean { private String value; public String getValue() { return value; } public void setValue(String value) {

首先在这个网站下载最新的django-ckeditor安装包: https://github.com/jeffh/django-ckeditor 然后解压缩，使用：python setup.py install安装，如果不是root用户，需要sudo 一。在你的解压缩厚的django-ckeditor目里找到ckeditor目录，应该类似于： /你的目录/django-ckeditor/ckeditor/media/；把这个目录下面的ckeditor整个文件夹复制到你的工程目录的静态文件夹下，类似于：/你的工程目录/media/ 二。在你的django项目的urls.py里面添加：(r’^ckeditor/’, include(‘ckeditor.urls’)), 三。在你的settings文件里添加： CKEDITOR_MEDIA_PREFIX = "/site_media/ckeditor/" CKEDITOR_UPLOAD_PATH = "/var/www/html/nav/media/report/uploads" CKEDITOR_CONFIGS = { 'default': { 'toolbar': 'Full', 'height': 400, 'width': 1000, }, 'awesome_ckeditor': { 'toolbar': 'Basic', },

用久了fckeditor，看惯了其略显陈旧的界面，听说其弟弟CKeditor更酷更炫，今天就来试试吧。CKeditor文件下载： http://ckeditor.com/download ，目前的最新版本是CKEditor 3.4.2。 CKeditor是完全基于插件，它通过扩展组件以符合具体需求。比如常见的文件上传功能是默认没有的，仅提供了基本的文本编辑功能。要实现图片上传，则需要由另一扩展个组件 CKFinder。 第一：安装配置CKEditor 在扩展CKfinder实现图片上传之前，我们先把最基本的CKeditor编辑器安装一下。 1． 将下载的ckeditor_3.4.2.zip解压，复制目录下的ckeditor文件夹至所需目录，如/admin/。 2． 页面引用CKeditor，关键代码如下 <script type = "text/javascript" src = "http://blog.163.com/chudaozhe@126/blog/ckeditor/ckeditor.js" ></script> <textarea cols = "80" name = "content" rows = "10" ></textarea> 至此，默认版CKeditor就已经安装部署好了，此时你可以通过修改/admin/ckeditor/ckeditor.js来配置编辑器

1.在 http://ckeditor.com/download 上下载最新版本的CKeditor。将下载的文件解压，然后将4M多的文件减肥：可以删掉_samples、_source、_tests这三个无用的文件夹；打开lang文件夹，删掉除_languages.js、en.js、zh-cn.js以外的所有文件；如果你不用office2003和v2两种皮肤，可以把skin目录下的这两个目录也都删掉。这样就做的了准备工作。 将ckeditor压缩包解压放在网站根目录下的“ckeditor”文件夹里： 引入ckeditor.js文件： <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 你也可以将这些文件放在你网站的其他任何一个地方，默认为“ckeditor”。 2.在要使用ckeditor编辑器的地方插入脚本： <script type="text/javascript">CKEDITOR.replace( '多行文本的name',{skin : "kama",width:520} );</script> 如： <textarea cols="80" rows="10" name="message">Please input the content in here</textarea> <script