CKEditor/FCKEditor 应用-CKeditor 3.0.1 迅速实例教程(

2021-02-20 06:43 admin
CKEditor/FCKEditor 应用-CKEditor(FCKeditor)精减版全集CKEditor/FCKEditor 应用-FCKeditor 2.6.5 迅速实例教程(含插进照片)CKEditor/FCKEditor 应用-CKeditor 3.0.1 迅速实例教程(含插进照片)CKEditor/FCKEditor 应用-集成化 CKFinder

CKEditor 是知名的 HTML 编写器,IBM、Oracle、Adobe 等都会用。CKEditor 建立于 2003 年,其原名为 FCKEditor,在 2009 年的情况下把“F”除掉了,改名为 CKEditor。其开源系统协议书是根据 GPL, LGPL 和 MPL 的。官方网网站:

一般来讲,大家在编写內容时,起先读入到 textarea,再将 textarea 的內容赋给编写器。由于立即把內容做为标识符串给编写器的 Value 特性取值应用的是 JavaScript 编码,要让 JS 编码不会受到內容中双引号、换行等的影响,仅有先读入到 textarea 最便捷。

应用 CKeditor 3.0.1

textarea  cols="90" rows="10" id="content" name="content" cftea /textarea
script type="text/javascript" src="ckeditor/ckeditor.js" /script
script type="text/javascript"
!--
  CKEDITOR.replace("content");
//--
/script

能看出,3.x 版本号的应用十分便捷,都不用担忧会产生2个同名的的 content。具体上 textarea 的 id 省去了也是能够的,由于 CKEditor 会先按 name 来搜索,搜索不上,再按 id 来搜索。

而且编写器会在 textarea 的部位更换原来的 textarea。

设定编写器肌肤、宽高

textarea  cols="90" rows="10" id="content" name="content" cftea /textarea
script type="text/javascript" src="ckeditor/ckeditor.js" /script
script type="text/javascript"
!--
  CKEDITOR.replace("content",
 {
  skin: "kama", width:700, height:300
 });
//--
/script

skin 值应当是 ckeditor/skins 文档夹下的某一文档夹名字,假如偏向不会有的肌肤,则不容易显示信息编写器。

设定值、赋值

设定值

CKEDITOR.instances.content.setData("千一互联网"); // content 便是前边 CKEDITOR.replace 的第一个主要参数值

var editor = CKEDITOR.replace("content");
editor.setData("千一互联网");

赋值

alert(CKEDITOR.instances.content.getData()); // content 便是前边 CKEDITOR.replace 的第一个主要参数值

var editor = CKEDITOR.replace("content");
alert(editor.getData());

插进照片

若要演试此实例,最好放到按键的恶性事件解决程序中,目地是一些延迟时间。

CKEDITOR.instances.content.insertHtml(" img src=... CKEditor/FCKEditor 应用-CKEditor(FCKeditor)精减版全集CKEditor/FCKEditor 应用-FCKeditor 2.6.5 迅速实例教程(含插进照片)CKEditor/FCKEditor 应用-CKeditor 3.0.1 迅速实例教程(含插进照片)CKEditor/FCKEditor 应用-集成化 CKFinder
1 楼:评价good 给我大忙了2 楼:评价适用3 楼:评价4 楼:评价fasdfa5 楼:评价非常好,给了我提醒,换了我国式完成了实际效果6 楼:评价有木有在网页页面中转换肌肤的作用啊.....