在線編輯器????

????在實現所見即得的編輯效果。

FCK????????????是開發者的名字的縮寫

CKEditor????????功能很完善的，具有，在線編輯與圖片上傳JS插件

UEdit????????????百度自己開發的一款在線編輯器

?

CKeditor安裝

http://resource.ckeditor.com/

basic package????????基本安裝包????????只包含了基本的功能

standard package????標準安裝包????????包含更多的功能

full package????????完全安裝包????????包含所有的功能

CKEditor在線編輯

安裝

將安裝包解壓到項目目錄：

使用：

方法1：

簡易方式

第1步：引入ckeditor.js主程序文件

第2 步：將ckeditor.js應用到指定的textarea標簽

說明：

????class的值必須是ckeditor，必須有id或name屬性，id或name屬性的值可以任意

方法2：

基本方式

方法3：

框架方式（jqurey）,CKEditory，

Jquery就是使用JS封裝好的一個框架，實現對標簽對象的獲取、綁定事件、簡單的特效、css樣式的操作

配置：

1、全局配置

在ckeidtor/config.js

配置語法：

????config.配置項=值;

示例：

????config.width=500;

????config.height=300;

2、自定義配置

需要自己創建一個配置文件（以config.js為模型）

在需要使用此配置信息的textarea標簽上引用此配置文件

此種方式只能被基本方式與框架方式使用

3、代碼方式

?

<texteara>標簽很特別：只有textarea能存其他的標簽

?

在線編輯器的入庫

ck.html

后臺文件receiver.php

內容：

出庫

ckfinder的安裝

圖片上傳工具，應用于文件管理器。

????ckeditor將在線編輯 與圖片上傳的功能分享，形成了用于在線編輯(ckeditor)與圖片上傳(ckfinder)

下載并解壓到項目目錄(single)

加載ckfinder

在ckeditor的config.js配置文件中加載ckfinder

效果：

用戶雖然可以選擇上傳，但是限制不足

ckfinder目錄結構

在ckfinder的配置文件config.php中開始文件上傳功能

示例：

默認的ckfinder把上傳的文件保存在ckfiner/userfiles/images中。

更改保存目錄

在ckfinder/config.php文件中

上傳測試

分目錄存儲

在ckfinder/config.php文件中配置

動態生成文件名

在fileupload.php文件中首先動態產生文件名的函數

使用動態產生的文件名，替換ckfinder中的默認保存的文件名

測試效果

ckfinder權限修改

默認ckfinder對文件管理是全部開放

在ckfinder/config.php中，進行修改

?

轉載于:https://www.cnblogs.com/nyxd/p/5361437.html

總結

以上是生活随笔為你收集整理的CKedit在线编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。