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

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

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 376 ::

收藏到网摘: n/a

fckeditor在php中的用法（添加于修改写成了函数） dedecms5.5 最新版ckeditor编辑器整合教程

因为我的网站需要一个编辑器，所以用周末时间研究了一下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'], 
] 
}); 

fckeditor在php中的用法（添加于修改写成了函数） dedecms5.5 最新版ckeditor编辑器整合教程

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

评论 (0) All

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