当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > 关于CKeditor的非主流个性应用的设置

网页编辑器
DISCUZ论坛的UBB编辑器(增加灵活调用,支持ASP)
一款垃圾中的极品HTML编辑器(兼容IE OR FF)
一个Javascript 编写的代码编辑器
TinyMce 中文手册 在线手册与下载
eWebEditor_v280_Free_Final最好用的网页编辑器下载
新浪博客在线编辑器傻瓜调用版(2007.11.1第四次修正)提供下载了
解密FCKeditor 2.0 的设置.修改.使用方法
比较不错的修改FCKEditor的修改方法
FCKeditor2.3 For PHP 详细整理的使用参考
又一个不错的FCKeditor 2.2的安装、修改和调用方法
FCKeditor的几点修改小结
ASX文件 终极教程
DISCUZ论坛的UBB编辑器(增加灵活调用,支持ASP UBB解析)打包下载
Qzone编辑器QzoneEditor打包下载
FCKEditor v2.6 编辑器配置图解教程
asp.net 为FCKeditor开发代码高亮插件实现代码
宝丽通实现连续播放实现代码
jsp Ewebeditor使用说明
编辑器中designMode和contentEditable的属性的介绍
修改fckeditor的文件上传功能步骤

网页编辑器 中的 关于CKeditor的非主流个性应用的设置


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 374 ::
收藏到网摘: n/a

因为我的网站需要一个编辑器,所以用周末时间研究了一下CKeditor,终于最终修改成了合适的样子。 CKeditor,以前叫FCKeditor,已经使用过好多年了,功能自然没的说。最近升级到3.0版,好像重写了代码,所以构建的方式也有了些变化,应该说是更简单了。
相关地址:
官方网站:http://ckeditor.com/
下载地址:http://ckeditor.com/download
CKfinder:http://ckfinder.com/ 用于上传的插件(有四种语言版本,根据需要下载)

部署:
将CKeditor下载下来,解压网站/ckeditor/下面(当然名字可以修改,只是需要修改相应config文件来设置新路径)
调用:
在页面的head中调用
  <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
然后在需要编辑器的地方放置一下代码:
复制代码 代码如下:

<textarea cols="80" id="Text" name="Text" rows="10">这里是默认值,修改文本的内容是放在这里。html需要进行HTMLEncode编码</textarea>
<script type="text/javascript">
var editor = CKEDITOR.replace('Text');
</script>

搞定,就这么简单,CKEDITOR.replace('Text')就是创建编辑器的代码,CKEDITOR.replace()方法中还可以设置编辑器的样式,设置如下
复制代码 代码如下:

var editor = CKEDITOR.replace( 'Text',
{
language:'zh-cn',//简体中文
toolbar ://工具栏设置
[
['Source'],
'/',
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['TextColor','BGColor'],
]
});