- 浏览: 707286 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (260)
- web 开发 (44)
- struts (14)
- java (39)
- 我的感受 (2)
- ajax (2)
- spring (22)
- Hibernate (4)
- struts2 (1)
- java 面试题 (1)
- 英语 学习类 (2)
- jdk1.6特性 (1)
- extjs (13)
- oracle (3)
- JQuery (3)
- ┠ 『Spring 3.0』 ┨ (1)
- 『LOG4J』 (2)
- 『常用数据』 (1)
- JavaMail (0)
- 〓『 EJB3.0 』〓 (0)
- HTML5 (5)
- Canvas (0)
- spring2.5 (0)
- HPH 5 (1)
- C# .net (0)
- UML (1)
- REST (2)
- JS_validate (1)
- 项目管理文章 (1)
- 闲聊闲记 (12)
- SQL-SQL (3)
- javascript (18)
- js (4)
- linux (8)
- 电子政务 (1)
- 项目对象模型 (1)
- 系统集成项目管理 (1)
- shell (2)
- mysql (1)
- solr (5)
- cxf;services (2)
- 11 (0)
- 缓存 (1)
- cached (3)
- 单片机通信 (1)
- cached;oscache (1)
- android (15)
- android;蓝牙 (1)
- Lucene (5)
- TTS (1)
- 网络爬虫 (1)
- HtmlCleaner (1)
- iPhone (2)
- 有感而发 (1)
- Python (0)
- jetty (1)
- Redis (1)
- hadoop (1)
- socket (1)
- 色彩顾问 (1)
- javaapns (1)
- bat (1)
- object-c (4)
- ios (4)
- C-学习 (1)
- 搜索 (1)
- c# (1)
最新评论
-
annie211:
Angularjs构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入 -
潇寒听竹:
你好,请问您上传的那个APK为什么每次只能识别一次,不能连续识 ...
pocketsphinxAdroid离线语音识别---入门 -
ichenwenjin:
Angularjs构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入 -
NN_iaoiao:
问一下 你的这个People 类 是自定义的还是android ...
android 获取电话本中的联系人列表 -
wangzhe_real:
对于刚接触的我是一个很详细的教程,太感谢了
JAX-RS cxf web服务 rest简单增删改查 集成spring webService
一个网页编辑器
安装CKEditor是一件容易的工作,只需要按照下面的简单步骤就可以完成。
1.从我们的网站http://ckeditor.com.cn上下载CKEditor的最新版本。
2.将下载的文件解压到你网站目录下的“ckeditor”文件夹里。
注意:
你也可以将这些文件放在你网站的任何一个地方,默认为“ckeditor”。 测试你的安装
编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页,请查看“_samples”目录。访问如下的地址进行测试:
http://<你的网站域名>/<CKEditor 安装路径>/_samples/index.html
例如:
http://www.leiwuluan.com/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中,在这里介绍最常用的实现方法。
第一步:载入CKEditor
CKEditor 是一个JavaScript 应用程序,你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录,你可参照如下示例:
<head>
...
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
用以上方式加载,CKEditor JavaScript API 就准备就绪,可以使用了。
第二步:创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域,但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
但是,实际上,CKEditor仍然是使用一个文本区域来传递它的数据到服务器上,这个文本区域对使用者来说是不可见的,所以,你必需创建并编辑一个实例,首先创建一个实例:
<textarea name="editor1"><p>Initial value.</p></textarea>
注意,如果你想要加载一些数据到编辑器中,例如从数据库中读出数据,只需要把数据放在文本区域(textarea)内就可以了,就像上面的例子一样。在这个例子中,我们已经将文本区域(textarea)命名这“editor1”.当接收POST提交的数据时,这个名字将被用在服务器操作。现在,开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此一段JavaScript命令是必须的:
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
上面的脚本块只能包含在网页的<textarea>标签之后。也可以在<head>标签内运行这个替换过程,但是在这种情况下你需要对“window.onload”事件进行监听:
<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>
第三步:保存编辑器内容数据
按照先前的描述,编辑器正如一个文本区域(textarea)一样工作,所以,当提交一个包含一个编辑器实例的表单时,他的数据也将是很简单的传递,用文本区域(textarea)的名称作为健名来接收数据。举个例子,按照上面的例子,在PHP中我们需要像这样来处理数据:
<?php
$editor_data = $_POST[ 'editor1' ];
?>
客户端数据处理
一些用应中(如ajax应用)需要在客户端处理完所有的数据,然后用它自己的方式向服务器发送数据,在这些情况下,使用CKEditor API就足以轻松获取编辑器实例中的内容。例 如:
<script type="text/javascript">
var editor_data = CKEDITOR.instances.editor1.getData();
</script>
完整例子
<html>
<head>
<title>Sample - CKEditor</title>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
<form method="post">
<p>My Editor:<br />
<textarea name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>
用这个做商品详细描述不错、、
在淘宝的商品添加上有一个商品描述,(网页编辑器)
发表评论
-
Java 数据验证
2017-05-12 10:27 1102在web开发当前就会遇到一些数据有效性验证的相关代码编 ... -
新浪多图片显示兼容IE
2015-04-16 22:12 601新浪多图片显示、写死我了!要一个上传多图片的、成果分享给你 ... -
Jconp-在线截图-ie6,7,8,9.ff-ok版测试通过
2013-12-26 09:00 948------- http://www.zha ... -
Angularjs构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入
2013-04-26 17:27 12413使用Angularjs 优点: 构建一个CRUD应用可 ... -
网页自动 追加
2012-01-06 10:15 906自动追加就是滚动条接到窗口最底部时,进行异步加载数据追加到后面 ... -
ckedit 替换表情
2011-12-01 12:46 1120http://blog.csdn.net/zh ... -
分享、工具,JiaThis
2011-10-21 11:17 1174先感谢一下jiathis 什么我也不说,你一看,,你就懂了! ... -
JAX-RS cxf web服务 rest简单增删改查 集成spring webService
2011-09-14 14:35 5762没时间什么也不多说了。所有的话都在代码里。 ... -
html 开头设计、、css
2010-10-20 15:25 851/* 主页css */ *{margin:0px; padd ... -
javascript添加当前页到收藏夹
2010-10-20 14:14 930external.AddFavorite( "htt ... -
js中如何定义class 工厂方式 构造函数方式 原型方式 动态原型方式 混合工厂方式
2010-10-20 12:28 1265工厂方式 function Car(){ va ... -
在一个htm页面中导入在同一目录下的“StyleSheet1.css”样式表
2010-10-20 11:26 1809<style>@import StyleSheet ... -
在HTML中,实现每隔60秒自动刷新页面的功能
2010-10-20 11:21 3431设置html 头 <meta http-equiv=& ... -
可以调用HTTP请求类的open()和send()方法
2010-10-20 10:54 1756xmlhttp_request.open('GET', URL ... -
为了兼容多种不同版本的浏览器,一般将创建XMLHttpRequest类的方法
2010-10-20 10:45 1645var xmlhttp;//全局使用 //除了IE6及其 ... -
JavaScript类继承
2010-10-18 20:43 0类之间的继承关系是现实世界中遗传关系的直接模拟,它表示类之间的 ... -
JavaScript反射机制
2010-10-18 19:38 2042反射机制是指程序在运行期间能够获取自身的信息,例如一个对象能够 ... -
自定义JavaScript对象
2010-10-18 19:32 1008<script type="text/java ... -
JavaScript异常处理
2010-10-18 18:44 1253在代码的运行过程中一 ... -
JavaScript框架编程
2010-10-18 18:41 1583一个HTML页面可以有一个或多个子框架,这些子框架以<i ...
相关推荐
富文本编辑器CKEditor是一款广泛应用于网页开发中的高级文本编辑工具,它提供了丰富的功能和高度的可定制性,使得开发者可以轻松创建具有专业外观的在线文本编辑区域。CKEditor不仅适用于初学者,也深受经验丰富的...
使用CKEditor 4.0时,首先需要在网页中引入jQuery库和CKEditor的相关文件,然后通过JavaScript调用CKEditor的初始化方法将一个普通的文本区域转换为富文本编辑器。例如: ```html <!DOCTYPE html> ...
《ckeditor_3.6.zip:富文本编辑器 CKEditor 的深度探索》 CKEditor,一个在Web开发领域广泛使用的开源富文本编辑器...对于任何需要在网页上实现高级文本编辑功能的开发者而言,CKEditor 3.6都是一个值得信赖的选择。
CKEditor4是一款广泛使用的网页内容编辑器,它能够将一个简单的文本域变为一个功能丰富的编辑器,提供给用户类似于桌面文字处理软件的编辑体验。CKEditor4的安装和集成过程相对直观,但要充分发挥其功能,需要对其...
CKEditor 3.5.3 是一款非常知名的开源富文本编辑器,广泛应用于网页内容编辑、博客、论坛等场合。这个版本的 CKEditor 是在2010年发布的,为用户提供了一个功能强大、易于使用的界面,允许用户创建和编辑HTML内容。 ...
网页编辑器是构建网站内容的重要工具,它们提供了一种便捷的方式让用户可以添加和编辑富文本。FCKeditor和EWebEditor是两种常见的网页编辑器,但它们也存在一些安全漏洞,这些漏洞可能会对网站造成严重威胁。下面...
FCKeditor是一款经典的开源在线文本编辑器,专为网页开发者设计,用于在网站上提供类似桌面文字处理软件的编辑体验。这款编辑器以其强大的功能、易用性和高度自定义性而受到广泛欢迎。FCKeditor 2.6.4是其在2008年...
FCK Editor(现称 CKEditor)是一款非常强大且流行的富文本编辑器,它允许用户通过直观的界面进行 HTML 内容的编辑。FCK Editor 的功能丰富,支持图片上传、表格处理等多种高级特性,并且可以轻松地集成到 Web 应用...
FCKeditor是一款开源的网页文本编辑器,广泛用于创建在线内容管理系统、论坛、博客等平台。在"2.3"这个版本中,它提供了一系列增强的功能和改进,以提升用户体验和编辑效率。以下是对FCKeditor 2.3及其包含的文件的...
FCKeditor 2.5在当时是一个非常流行的编辑器选择,但由于技术的不断发展,后来出现了 CKEditor(FCKeditor的后续版本),以及其他更多现代的富文本编辑器,如TinyMCE、Quill等。然而,对于那些仍在使用FCKeditor 2.5...
FCKeditor(之后被CKEditor替代)是一个富文本编辑器,广泛用于网页内容编辑和发布,为用户提供类似Microsoft Word的编辑体验。 ### FCKeditorAPI核心操作知识点: 1. **获取编辑器实例:** 使用`FCKeditorAPI....
5. **文档**:安装指南、用户手册或API参考,帮助开发者和管理员理解如何操作和扩展编辑器。 6. **许可证文件**:说明软件的授权方式和使用条款。 总的来说,Q2A Express编辑器通过集成CKEditor,为Q2A平台带来了更...
例如,如果你正在使用像CKEditor或TinyMCE这样的富文本编辑器,可以通过以下步骤实现: 1. **安装和引入**:首先,在你的项目中引入Bootstrap Fileinput的相关CSS和JS文件,确保也加载了Bootstrap框架的样式和脚本...
富文本编辑器允许用户在网页上创建和编辑带有格式的文本,如加粗、斜体、插入图片和链接等。在电子商务平台中,商家可能需要发布包含丰富格式的产品描述,而用户也可能需要在评论区使用类似的功能。常见的富文本编辑...
HTML编辑器(Editor)可能是指CKEditor、TinyMCE或其他类似的富文本编辑器,这些编辑器允许管理员在后台方便地创建和编辑网页内容,支持插入图片、链接、格式化文本等操作,提高了内容管理的效率。 在进行此类项目...
5. **Editor** - 可能是网站的内容编辑器,比如CKEditor或TinyMCE,用于创建和编辑网页内容。 6. **Include** - 通常存放的是重复使用的代码片段或库文件,如头部和尾部的HTML代码,便于维护和更新。 7. **admin**...