简单介绍:CKEditor是FCKeditor的一个完全重写版本,是一款功能强大的开源在线文本编辑器(DHTML editor),它使你在web上可以使用类似微软Word 的桌面文本编辑器的许多强大功能。它是轻量级且不必在客户端进行任何方式的安装。 FCKeditor兼容Firefox, Mozilla, Netscape 和IE。
配置使用介绍:
1、首先下载CKEditor编辑器,建议从官网
http://ckeditor.com下载最新稳定版本,目前最新的是3..3版本,好像有个中文网
http://ckeditor.com.cn/也可以从其他渠道下载。解压放到你的web服务器目录下,然后访问看看,比如我本地可以访问
http://localhost/ckeditor/_samples里面有好多例子可以看下。
2、给编辑器瘦瘦身。一般来说,我们需要的使用编辑器,所以一些不要的我们可以删除,可以把_samples、_source两个文件夹删除,进入lang语言文件目录,一般我们只需要使用中文、英文,所以除了en.js、zh.js、zh-cn.js三个文件都可以删除;然后进入skins目录,把你不需要用的样式皮肤也可以删除。OK瘦身完毕,现在再看看ckeditor文件夹900多K。
3、配置编辑器。config.js文件是我们可以按照我们自己需要配置的,打开该文件按需添加。比如
3、配置编辑器。config.js文件是我们可以按照我们自己需要配置的,打开该文件按需添加。比如
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'zh-cn'; //配置语言
//config.uiColor = '#FFF'; //背景颜色
//config.width = 500; //宽度(宽高不建议在这里设置,因为一个网站多个地方用到编辑器大小可能不一样)
config.height = 400; //高度
config.skin='v2';
//工具栏(就是编辑器上方的几排按钮)
config.toolbar =
[
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']
{
// Define changes to default configuration here. For example:
config.language = 'zh-cn'; //配置语言
//config.uiColor = '#FFF'; //背景颜色
//config.width = 500; //宽度(宽高不建议在这里设置,因为一个网站多个地方用到编辑器大小可能不一样)
config.height = 400; //高度
config.skin='v2';
//工具栏(就是编辑器上方的几排按钮)
config.toolbar =
[
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','Source','-','Undo','Redo']
];
};
};
4、使用实例。首先加入脚本文件<script type="text/javascript" src="URL/ckeditor/ckeditor.js"></script>
HTML内容:
<
textarea
class
="ckeditor"
cols
="60"
id
="editor"
name
="editor"
rows
="10"
>
编辑器内容
</textarea>
编辑器内容
</textarea>
PHP中传递数据:
$editor_data = $_POST[ 'editor' ];
OK!
转载于:https://blog.51cto.com/leven/336000