在线文本编辑器cheditor应用实例

CKEditor 即 FCKEDITOR 。

FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor。

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK”
是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。    -----摘自百度百科

1.从官网下载chedior 包，解压放到工程WebRoot下，如图

2.应用页面，引用相应的js ,<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

核心代码,引用cheditor函数,：<tr>

<td align="center" valign="top" style="padding-bottom:25px;">描述</td>

<td align="left" valign="middle" style="padding-bottom:25px;padding-left:37px;">

<textarea  name ="editor01" id="txt_detail" class="f_left" >亲,在此输入</textarea>

<script type="text/javascript">CKEDITOR.replace(‘editor01‘);</script>

</td>

</tr>

运行效果如下：

注；获得编辑器中的文本内容，可以使用jquery 的选择器，var content = CKEDITOR.instances.txt_detail.getData();

content 就是编辑器的文本内容了。

3.至于在页面展示cheditor 编辑的文本内容就很简单了，一般直接展示在段落标签<p></p>中就可以了。

在线文本编辑器cheditor应用实例,布布扣,bubuko.com

时间： 2024-10-17 08:02:53

在线文本编辑器cheditor应用实例的相关文章

转载：基于jquery的bootstrap在线文本编辑器插件Summernote

基于jquery的bootstrap在线文本编辑器插件Summernote 转载:jQ酷 » 基于jquery的bootstrap在线文本编辑器插件Summernote Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装

javascript 在线文本编辑器

javascript 在线文本编辑器实现代码.效果如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

在线文本编辑器的基本实现原理

引用地址:http://www.w3ctech.com/topic/140 最近研究了一下在浏览器中实现的 WYSIWYG 文本编辑器的原理, 在了解基本原理并浏览了 zenpen 这个相对简单的在线编辑器的源码后, 在这方面有种豁然开朗的感觉. 说来让人惊讶,最初在浏览器中使之变为可能的浏览器是 IE5.在那个时代, IE 的确也算是非常先进的浏览器了,现在广为使用的 AJAX 技术,不也是 IE5 最早提供的么? 不过这里就不再讨论当初 IE 那套陈旧的 API 了,而主要来讨论 HTML5

kindeditor在线文本编辑器过滤HTML的方法

在使用kindeditor文本编辑器时遇到的问题,客户直接从Excel里粘贴文本内容到文本编辑器中(能不能再懒一些),然后不调整粘贴内容直接就保存(你敢不敢再懒一些)!对于这种很无语的行径,我只能对他大吼一声,我做一个标签过滤吧,这样你粘贴就不会出现问题了(怂?谁惹得起客户). 过滤方法也简单: KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { filterMode: true

基于jquery的bootstrap在线文本编辑器插件Summernote 简单强大

Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装 开源 自定义初化选项 支持快捷键 适用于各种后端程序言语 使用方法 使用html5文档 1 2 3 4 <!DOCTYPE html> <html> ..

基于jquery的bootstrap在线文本编辑器插件Summernote

Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装 开源 自定义初化选项 支持快捷键 适用于各种后端程序言语 使用方法 下载地址:http://www.yyyweb.com/demo/inner-show/summern

Ckeditor在线文本编辑器+键盘事件绑定

示例代码: <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <%     String path = request.getContextPath();     String basePath = request.getScheme() + "://"             

20150129--在线文本编辑器

和涛哥学习MVC项目四 目录 和涛哥学习MVC项目四... 1 一.在线文本编辑器... 3 1.在线文本编辑器使用场景... 3 2.文本编辑器分类... 3 1)ewebeditor:国产编辑器(收费)... 4 2)fckeditor. 4 3)ueditor(百度在线编辑器)... 5 4)kindeditor(可以实现响应式)... 5 5)ckeditor(最著名的文本编辑器)... 6 3.ckeditor的使用... 6 1)下载使用... 6 2)ckeditor历史... 7

ace富文本编辑器

在线文本编辑器(ACE Editor) ACE是一个实现了语法着色功能的基于Web的代码编辑器,具有良好的代码提示功能和大量的主题. 一.资源获取 官方网址:https://ace.c9.io/ Github地址:https://github.com/ajaxorg/ace-builds 下载好资源后,看readme,使用src-noconflict作为依赖的资源库 在下载的依赖的库里包含以下几种开头的文件 ace.js  是依赖的主文件 ext-XXX  是关于编辑器的设置文件 mode-xx