繁體中文当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > 关于CKeditor的非主流个性应用的设置
- 网页编辑器
- FCKeditor 2.0 简化和使用
- jsp fckeditor 上传中文图片乱码问题的解决方法
- IE8 Fckedit2.6.X不兼容
- fckeditor php上传文件重命名的设置
- FCKeditor 新闻组件的一些程序漏洞
- FckEditor 配置手册中文教程详细说明
- Windows Live Writer 实现代码高亮
- FckEditor 中文配置手册详细说明
- FCKEidtor 自动统计输入字符个数(IE)
- nicedit 轻量级编辑器 使用心得
- FCKEditor 表单提交时运行的代码
- FCKeditor 插件开发 示例（详细版本）
- fckeditor 插件实例 制作步骤
- fckeditor 插件开发参考文档
- fckeditor 常用函数
- FCKeditor ASP.NET 上传附件研究
- FCKEditor SyntaxHighlighter整合实现代码高亮显示
- HTML 编辑器 FCKeditor使用详解
- fckeditor 代码语法高亮
- eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法
网页编辑器 中的 关于CKeditor的非主流个性应用的设置
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 375 ::
收藏到网摘: 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'],
]
});
评论 (0) All
