繁體中文当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > 关于CKeditor的非主流个性应用的设置
- 网页编辑器
- 让 FCKeditor 支持多用户Web环境(以PHP为例)
- Ewebeditor 文件上传问题
- PHP网页 Ewebeditor 编辑器嵌入方法
- FckEditor 上传图片后图片变小了！问题解决
- fckeditor asp版本的文件重命名
- FckEditor 中文配置手册
- FCKEditor网页编辑器 几点使用心得
- FCK 编辑器焦点问题
- 添加FCKeditor插件需要注意的地方
- javascript 获取FCKeditor内容
- eWebEditor 上传文件提示格式不正确的解决方法
- xhEditor的异步载入实现代码
- FCKeditor 编辑器插入代码功能实现步骤
- 配置fckeditor 实现图片的上传
- FCKeditor提供了一个完整的JavaScript API
- fckediter javascript事件函数代码
- ASP FCKeditor在线编辑器使用方法
- ASP下使用FCKeditor在线编辑器的方法
- ASP.NET中FCKEDITOR在线编辑器的用法
- php下FCKeditor2.6.5网页编辑器的使用方法
网页编辑器 中的 关于CKeditor的非主流个性应用的设置
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 377 ::
收藏到网摘: 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
