【ckeditor：基本使用方法】的更多相关文章

CKEditor的使用方法

CKEditor的使用方法 2014-03-31 09:44 8649人阅读 评论(1) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载. ckeditor 的官方网站是 http://ckeditor.com/ 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"><…

CKEditor使用配置方法

一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1" cols="20" rows=&quo…

FCKeditor如何升级CKEditor及使用方法

之前编辑器用的是FCKeditor,因为项目原因需要升级为最新版本4.2.2,发现是已经更名为CKEditor. 百度了一下,据官方的解释,CK是对FCK的代码的完全重写. 项目环境是asp.net的,之前用的FCKeditor版本是2.6. 在aspx文件头需要引用FCK的名为FredCK.FCKeditorV2.dll文件. <%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV…

ckeditor 敏感词标记显示处理方法

直接在原型添加方法: (function () { /* * 取消所有高亮 */ CKEDITOR.editor.prototype.CancleSensitiveWordsHighlight = function () { var regstrEpswh = '<span class="ep_ckeditor_sensitivewords" style="background-color:[^<>:]+[;]*">([^<>]+…

AngularJS+ckEditor管理ng-model

1.首先去ckeditor的官网下载ckeditor包,http://ckeditor.com/download: 2.把ckeditor文件夹放入工程中(webapp文件夹下能访问到的都行). 3.页面导入ckeditor.js,就导入这个文件即可. 4.使用Angular的directive配置ckeditor编辑器 /**ckEditor,因为这里定义了,所以在页面就无需定义一个新的ckeditor了,注意看浏览器控制台,*如果页面用ckeditor官方的方法定义一个ckeditor,就会…

CkEditor 插件开发

CKEditor的插件开发其实很简单只需要两步.1.通过CKEditor.plugins.add()方法编写插件的逻辑主体, 2.告诉CKEditor我们有一个自定义插件需要添加进来. //创建插件逻辑主体,并为插件起个响亮的名字 CKEDITOR.plugins.add('myplugin', { init: function () { alert('第一个简单的插件!'); } }); //告诉CKEDITOR我们有定义了一个插件. CKEDITOR.replace('editor1', {…

在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能

前言 之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor,相信没几个Web程序员不知道的吧.不过,官方已经停止了该产品的更新,其最新版是2.6.6,于2010年2月15日发布. 取代FCKeditor的产品叫CKEditor(Content And Knowledge Editor),与其说是对FCKeditor的升级,不如说是全新的一个产品.相比FCK…

CKeditor、CKFinder的安装配置

CKEditor是不集成文件上传与管理功能的,文件上传管理功能被集成在CKFinder中,这是一个收费的商业软件. 如需要文件上传与管理功能建议使用FCKeditor或者手动破解CKFinder. 下面我说一下ckeditor的使用方法,有三种: 当前最新的.net版本为ckeditor_aspnet_3.6.6.2 ckeditor为4.5.8 方法一(添加控件的形式): ①将ckeditor_aspnet_3.6.6.2\bin\Debug路径中的CKEditor.NET.dll添加到引用…

CKEditor的使用

需要配置的功能列表 //class: cke_button( 按钮 ) , ck_combo(下拉) /* 需要配置的功能列表 document:保存(save).新建(newpage).预览(preview).打印(print) mode:源码(source).源码弹窗(需要挂在plugin上sourcedialog) doctools:模版(templates) clipboard:剪切(cut).复制(copy).粘贴(paste).粘贴为无格式文本(pastetext).从MS word…

jsp&servlet学习笔记

1.路径引用问题 一个css.jsp.html.或者javascript文件从从一个工程复制到另一工程,如果引用的时候使用的时相对路径,看似没有错误,但是却一直引用不进来,这时候要使用绝对路径,这样才能将原来的工程名改成现在的工程: 2.el处理form表单数据问题 我们常用:    request.getParameter(String name)和    request.getParameterValues(String name) 取得用户在表单中输入的数据,但在EL中可以使用隐含对象pa…

ckeditor_学习(1) 基本使用

ckeditor 是一款强大的web编辑器.工作需要用到记录学习和使用过程,版本是ckeditor4. 1.下载ckeditor的安装包,建议下载标准版的. j将ckeditor.js 引入页面,调用CKEDITOR.replace() 方法初始编辑器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>例子</title> <!--正确的j…

javaSE27天复习总结

JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5)语言    2 (6)人机交换    2 2:键盘功能键的认识和快捷键(掌握)    2 (1)功能键的认识    2 (2)快捷键    3 3:常见的DOS命令(掌握)    3 (1)常见的如下    3 (2)其他的几个(了解)    3 4:Java语言概述(了解)    4 (1)Jav…

最新版CKEditor在线编辑器的配置方法

下载地址: http://ckeditor.com/download 使用方法: 在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="../ckeditor/ckeditor.js"></script> 按常规方式放置textarea,如:<textarea id="Content" name="Cont…

php中ckeditor（Fckeditor）的配置方法

ckeditor 编辑器php正确配置方法 1. 下载安装 CKEditor: http://ckeditor.com/ 解压下载到的CKEditor放到网站的路径中即可 2. 下载安装 CKFinder: http://ckfinder.com/download 解压下载到的CKFinder放到与CKEditor同一目录中即可 3. 在网页中使用 CKEditor 和 CKFinder: CKEditor 实际是替换一个 textarea 标签,所以把textarea放到一个form中,当提交…

jquery不能实时获取CKEDITOR值的解决方法

不用传统的获取值的方法: var ckeditor = document.getElementById("ckeditor").value; 换成: var ckeditor =  CKEDITOR.instances.content.getData();…

drupal中安装CKEditor文本编辑器，并配置图片上传功能 之 方法二

drupal中安装CKEditor文本编辑器,并配置图片上传功能 之 方法一 中介绍了ckeditor的安装和配置方法,其实还有另一种新方法,不用IMCE模块. 不过需要ckfinder的JS库,可以到http://ckfinder.com/download下载,下载后放到ites\all\modules\contrib\ckeditor文件夹下如图, 然后到admin/config/content/ckeditor/edit/Full配置一下 就行了…

ckeditor出现错误“从客户端(***）中检测到有潜在危险的 Request.Form值”的解决方法

ckeditor出现错误“从客户端(***)中检测到有潜在危险的 Request.Form值”的解决方法 页面中使用ckeditor,提交文章时总是出错,“从客户端(TextBox1="<p>ww</p>")中检测到有潜在危险的 Request.Form 值.”,其中“ww”是文章的正文.这是由于在.net中,Request时出现有HTML或Javascript等字符串时,系统会认为是危险性值.立马报错上面的错误. 注意!!!:在webconfig里面加入<…

ckeditor编辑的使用方法

一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而一般的TextBox无法满足我们的需求, 此时就需要使用一种叫做富文本编辑器的东西,这类编辑器有很多,ckeditor就是其中一种,下面介绍其使用方法 2.如何下载 √ 进入官方网站 http://ckeditor.com/,点击Download进入下载页面 √ CKEDITOR支持多种编程语言及框…

【转载】jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法

文章1:http://yangzhihuan.iteye.com/blog/717254 CKEDITOR.instances["page_content"].on("instanceReady", function() { //set keyup event this.document.on("keyup", updateTextArea); //and paste event this.document.on("paste"…

ckeditor:复制内容到ckeditor时，只保留文本，忽略其样式解决方法

打开ckeditor 包下的config.js,在 CKEDITOR.editorConfig= function(config){...}添加一句配置: config.forcePasteAsPlainText = true; 可能JS缓存,注意刷新当前页面. 参考:http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-forcePasteAsPlainText…

ckeditor：基本使用方法

引用网址:http://blog.sina.com.cn/s/blog_6961ba9b0102wwye.html 1.获得值 var editor=CKEDITOR.replace( 'editor1' ); editor.document.getBody().getText(); //取得纯文本 editor.document.getBody().getHtml(); //取得html文本 CKEDITOR.instances.content.getData()//获得html文本 cont…

Ckeditor的JS的加载和取值和赋值方法

Ckeditor 就是原来的Fckeditor. JS加载: $(function() { CKEDITOR.replace('FContent'); //FContent:这个对应文本域 }); JS取值: var content = CKEDITOR.instances.FContent.getData(); if (content == "" || comtent == null) { alert("邮件正文不可为空!"); } JS赋值:…

CKEditor编辑器的使用方法

CKEditor  网页中实现所见即所得的编辑器. 使用步骤: 1.下载CKEditor  下载地址:http://ckeditor.com/download 2.添加CKEditor的文件夹到项目中的WebRoot目录下 3.在页面中引入CKEditor.在页面中添加下面代码:  <script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js&qu…

ckeditor与ckfinder的使用方法 .NET (转载)

原文发布时间为:2009-11-25 -- 来源于本人的百度文章 [由搬家工具导入] ckeditor与ckfinder的使用方法 .NET (转载) ckeditor 3.0.1学习笔记  一.ckeditor 3.0.1精简   精简前:4.52M   精简后:853K   1.删除_samples和_source文件夹,分别为示例文件和未压缩源程序   2.删除lang文件夹下除zh-cn.js,en.js下的所有语言文件.根据需要删除   3.删除根目录下的changes.html(更新…

ckeditor中 config.js等通过ckeditor.js引入文件手动修改方法

因为除了ckeditor.js之外的引用文件是通过ckeditor.js自动添加<script>或<link>标签实现文件的引入,引入的根目录是展示页面的地址.有时需要手动修改通过ckeditor.js引入的文件.这是需要在引入ckeditor.js之前定义window.CKEDITOR_BASEPATH = '../../static'(目录自己修改),编辑器将强制修改引用地址. ckeditor.js的这一部分源码是处理定义地址的: basePath: function() {…

使用bootstrap框架的模态框与ckeditor产生冲突，ckeditor的弹出窗不可用时的解决方法

这样可以解决冲突 $.fn.modal.Constructor.prototype.enforceFocus = function () { modal_this = this $(document).on('focusin.modal', function (e) { if (modal_this.$element[0] !== e.target && !modal_this.$element.has(e.target).length // add whatever conditions…

基于CkEditor实现.net在线开发之路（7）列表页面开发动作介绍

一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查看数据,根据列表数据显示行的颜色等等这些我都称为动作.动作的实现有两类:第一类编码实现,第二类利用通过配置控件属性生成逻辑动作代码. 第一类编码实现:通过编写js和C#方法逻辑实现,在基于CkEditor实现.net在线开发之路(2)有简单例子.这里就不详细介绍了. 第二类利用通过配置控件属性生成逻…

基于CkEditor实现.net在线开发之路（3）常用From表单控件介绍与说明

上一章已经简单介绍了CKEditor控件可以编写C#代码,然后可以通过ajax去调用,但是要在网页上面编写所有C#后台逻辑,肯定痛苦死了,不说实现复杂的逻辑,就算实现一个简单增删改查,都会让人头痛欲裂,而且不能创建类库,不能运用各种设计模式,不能重复调用,智能提示也不够全面,我估计没有一个人愿意在这种模式下去开发,能够用这种模式开发一个增删改查,绝对是大牛,反正我是做不到.为了解决这种问题,所以这就需要CKEditor编辑器的扩展性,利用CKEditor扩展各种控件来普助实现在线开发.利用控件来…

基于CkEditor实现.net在线开发之路（2）编写C#代码，怎么调用它。

上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧,首先我来介绍在编辑器上写了返回“hello Word”的C#方法,让后怎么去调用返回对应hello Wrod方法,具体代码如下: 运行预览效果如下图 页面加载之后就弹出了hello world对话框.证明获取到了我们写返回字符串. 注意编辑C#代码 并可以用ajax调用,C#代码方法必须要有一定的…

angularjs中ckeditor的destroy问题

项目中,在切换了页面的tab页后会发现上传图片的操作报错,检查后发现问题根源是切换了tab页重新加载页面时ckeditor又会创建一次,这个时候的ckeditor已经不是第一次创建的那个了,所以上传图片的方法中会报错. 解决方法:在ckeditor每次创建之前判断一下,如果有ckeditor则destroy掉,重新创建新的,保证页面上始终只有一个ckeditor,具体如下: 在ckeditor的directive中: console.log(CKEDITOR.instances.myCKedit…