ckeditor（ckeditor 如何整合到ASP中）

本文目录

• ckeditor 如何整合到ASP中
• 关于ckeditor编辑器的问题.为什么会在源码里自动添加

  标签,可以不添加吗.

• ckeditor富文本编辑器怎么使用
• 如何在网页中引用 ckeditor 富文本
• 关于ckEditor的问题
• ckeditor 自定义按钮 如何做
• 如何获取ckeditor中的内容
• 怎么为ckeditor添加图像
• ckeditor 使用方法

ckeditor 如何整合到ASP中

首先，下载下来解压后，把文件夹ckeditor放到你的站点。《script type=“text/javascript“ src=“你的站点/ckeditor/ckeditor.js“》内容《/script》再次，在需要引用CKEditor器的地方加入下面代码： 《textarea class=“ckeditor“ cols=“80“ id=“editor1“ name=“editor1“ rows=“10“》 这里是内容 《/textarea》 这样，一个器就基本可以使用了。我在Win 7+IIS6.5 下测试成功，希望可以帮到你。

关于ckeditor编辑器的问题.为什么会在源码里自动添加

标签,可以不添加吗.

去除CKEditor自动添加的《p》《/p》标签的方法,其实很简单,有两种办法：1.在ckeditor目录下的config.js添加以下配置参数即可:config.enterMode = CKEDITOR.ENTER_BR;（去掉BR）config.shiftEnterMode = CKEDITOR.ENTER_P;(去掉P)2.直接更改器默认模式为源代码模式，在ckeditor目录下的config.js添加以下配置：config.startupMode = ‘source’;希望能帮助您。。。

ckeditor富文本编辑器怎么使用

1、在页面《head》中引入ckeditor核心文件ckeditor.js《script type=“text/javascript“ src=“ckeditor/ckeditor.js“》《/script》2、在使用器的地方插入HTML控件《textarea》《textarea id=“TextArea1“ cols=“20“ rows=“2“ class=“ckeditor“》《/textarea》如果是ASP.NET环境，也可用服务器端控件《TextBox》《asp:TextBox ID=“tbContent“ runat=“server“ TextMode=“MultiLine“ class=“ckeditor“》《/asp:TextBox》注意在控件中加上 class=“ckeditor“ 。

如何在网页中引用 ckeditor 富文本

ckeditor 是一款非常有名的富文本器。它可以填写文字、插入图片、视频、Excel等富媒体信息，也可以在源码方式下填写内容，在各个网站中应用非常广泛。本文说一说如何在网页中引用我们已经下载好的 ckeditor 文件。下载完成后将整个 ckeditor 文件包放在网站的目录结构下面，在需要引入 ckeditor 的网页中添加如下三句即可：ckeditor.js 是 ckeditor 文件包中的 js 文件。《textarea name=“content“》《/textarea》《script type=“text/javascript“ src=“ckeditor.js“》《/script》《script type=“text/javascript“》CKEDITOR.replace(’content’);《/script》这么三句即可成功引入 ckeditor 富文本器，你可以试试哦，接下来只要在网页中添加 form 表单等等其它元素，即可实现富文本添加自己想要的内容。

关于ckEditor的问题

var editor = CKEDITOR.instances.replace(“tbContent“);这里有问题~~ tbContent 是服务器控件，最终生成HTML页面时，ID 并不一定能保持 tbContent 不变，可能会根据你页面结构产生变化（F12 就可以看到了~）所以，这时候，如果想取得tbContent的客户端ID，需要用到 ClientID 属性。那么，代码就需要改成：var editor = CKEDITOR.instances.replace(“《%=tbContent.ClientID%》“);

ckeditor 自定义按钮 如何做

由于dedecms将ckeditor做了集成，和一般的只针对于ckeditor对config.js修改不同，以后是我在dedecms 5.7版本上添加行间距按钮的方法:1、下载ckeditor的行距插件包 ;2.解压到ckeditor/plugins目录下;3、由于dedecms 5.7自己集成了一个dedepage插件，用来添加ckeditor自定义插件，在/include/ckeditor/plugins/dedepage文件夹下，打开plugin.js文件在最后面添加: requires : = array( array( ’Source’,’-’,’Templates’), array( ’Cut’,’Copy’,’Paste’,’PasteText’,’PasteFromWord’,’-’,’Print’), array( ’Undo’,’Redo’,’-’,’Find’,’Replace’,’-’,’SelectAll’,’RemoveFormat’), array( ’ShowBlocks’),array(’Image’,’Flash’,’Addon’),array(’Maximize’),’/’, array( ’Bold’,’Italic’,’Underline’,’Strike’,’-’), array( ’NumberedList’,’BulletedList’,’-’,’Outdent’,’Indent’,’Blockquote’), array( ’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyBlock’), array( ’Table’,’HorizontalRule’,’Smiley’,’SpecialChar’), array( ’Link’,’Unlink’,’Anchor’),’/’, array( ’Styles’,’Format’,’Font’,’FontSize’), array( ’TextColor’, ’BGColor’, ’MyPage’,’MultiPic’), array( ’lineheight’) );至此OK!ps，简单的自定义行距功能1.修改该功能的语言，在lineheight(就是行距插件的目录)/lang目录下添加相应的语言包，修改plugin.js文件115行为相应的语言。2.更改行距的功能按钮，修改plugin.js文件139行。

如何获取ckeditor中的内容

第一步：找到需要放置CKEditor器的页面，引入CKEditor的js文件（${contextPath}是JSTL写法，请改成你自己的路径写法，绝对路径或者相对路径）：《script type=“text/javascript“ src=“${contextPath}/ckeditor4.1/ckeditor.js“》《/script》第二步：在需要提交的form里，写一个：《textarea》《form id=“detailForm“ method=“post“》 《textarea id=“content“ name=“content“》《/textarea》 《input type=“button“ value=“保存“ id=“save“ onclick=“save()“ /》《/form》第三步：创建CKEditor实例。《script type=“text/javascript“》 var editor = null; window.onload = function(){ editor = CKEDITOR.replace(’content’); //参数‘content’是textarea元素的name属性值，而非id属性值 }《/script》第四步：在页面js中为CKEditor器设置/获取值editor.setData(’这里是需要传递给CKEditor器实例的值’);editor.getData();第五步：在后台java代码中获取CKEditor器的值《script type=“text/javascript“》 function save(){ editor.updateElement(); //非常重要的一句代码 //前台验证工作 //提交到后台 }《/script》

怎么为ckeditor添加图像

　　为ckeditor添加图像的方法　　1. 到官网下载ckeditor　　2. 复制到java web项目目录下　　3. 配置config文件，打开图片上传功能　　CKEDITOR.editorConfig = function (config) {　　// 换行方式　　config.enterMode = CKEDITOR.ENTER_BR;　　// 当输入：shift+Enter是插入的标签　　config.shiftEnterMode = CKEDITOR.ENTER_BR;//　　//图片处理　　config.pasteFromWordRemoveStyles = true;　　config.filebrowserImageUploadUrl = “ckUploadImage.action?type=image“;　　// 去掉ckeditor“保存”按钮　　config.removePlugins = ’save’;　　};　　4. java后台处理代码　　// 上传图片　　@Action(value = “/ckUploadImage“, results = { @Result(name = “success“, location = “/upload.jsp“) })　　public String uploadImages() throws Exception {　　HttpServletRequest request = ServletActionContext.getRequest();　　FileOutputStream fos;　　String webRoot = request.getSession().getServletContext().getRealPath(　　““);　　// 获取图片后缀名　　String partRightType = uploadFileName.substring(uploadFileName　　.lastIndexOf(“.“));　　String CKEditorFuncNum = request.getParameter(“CKEditorFuncNum“);　　// 判断图片的格式　　if (!ImageFile.checkImageType(partRightType)) {　　String path = ““;　　String alt_msg = “Sorry! Image format selection is incorrect, please choose GIF, jpeg, PNG format JPG, picture!“;　　pringWriterToPage(“《script type=’text/javascript’》window.parent.CKEDITOR.tools.callFunction(“　　+ CKEditorFuncNum　　+ “, ’“　　+ path　　+ “’ , ’“　　+ alt_msg　　+ “’);《/script》“);　　} else {　　try {　　uploadFileName = DateUtils.getDateNoStyle() + “-“　　+ UUID.randomUUID() + partRightType;　　String savePath = webRoot + Constants.UPLOAD_IMAGES_PATH;　　File uploadFilePath = new File(savePath);　　if (uploadFilePath.exists() == false) {　　uploadFilePath.mkdirs();　　System.out.println(“路径不存在,但是已经成功创建了“ + savePath);　　} else {　　System.out.println(“路径存在了“ + savePath);　　}　　fos = new FileOutputStream(new File(savePath + uploadFileName));　　FileInputStream fis = new FileInputStream(getUpload());　　byte buffer = new byte;　　int len = 0;　　while ((len = fis.read(buffer)) 》 0) {　　fos.write(buffer, 0, len);　　}　　fos.close();　　fis.close();　　} catch (FileNotFoundException foe) {　　System.out.println(“上传文件为0字节“);　　}　　// String path = “

ckeditor 使用方法

cheditor与ckfinder的集成使用1，将ckeditor解压打开，打开_Samples，将ckeditor文件夹拷贝项目中的根目录下，把bin放在根目录下2，将ckfinder解压，ckfinder文件夹拷贝项目中的根目录下，把bin放在根目录下，把_sample，_source，help文件夹删除掉，（注：没有用）3，在ckeditor文件下找到config.js 打开，找到在CKEDITOR.editorCongig=function(config){ //填写以下内容，图片，flash路径 config.uiColor = ’#F7F8F9’ config.scayt_autoStartup = false config.language = ’zh-cn’; //中文 config.filebrowserBrowseUrl = ’ckfinder/ckfinder.html’; config.filebrowserImageBrowseUrl = ’ckfinder/ckfinder.html?Type=Images’; config.filebrowserFlashBrowseUrl = ’ckfinder/ckfinder.html?Type=Flash’; config.filebrowserUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files’; config.filebrowserImageUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images’; config.filebrowserFlashUploadUrl = ’ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash’;}；4，在ckfinder文件下找到config.ascx文件，打开1)把public overrider bool ChekcAuthentication(){return false;改为：return true;}2)public overrider void SetConfig(){BaseUrl = “~/ckfinder/userfiles/“;}5，在页面中head标签内写入： 《script type=“text/javascript“ src=“ckeditor/ckeditor.js“ 》《/script》 《script type=“text/javascript“ src=“ckfinder/ckfinder.js“》《/script》如果有母版页，在母版页中写--注：单纯的配置，6,7可以不要，但是一旦要入数据库中，就要配置6.7步骤6，在Default.aspx页面中，写入《%@Page ValidateRequest=“false“%》7,在web.config文件中，在system.web下写 《