国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > 軟件應(yīng)用 > 正文

CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入圖片)

2024-09-06 19:16:42
字體:
供稿:網(wǎng)友
其開源協(xié)議是基于 GPL, LGPL 和 MPL 的。官方網(wǎng)站:http://ckeditor.com/

一般來說,我們在編輯內(nèi)容時(shí),先是讀入到 textarea,再將 textarea 的內(nèi)容賦給編輯器。因?yàn)橹苯影褍?nèi)容作為字符串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼,要讓 JS 代碼不受內(nèi)容中雙引號、換行等的干擾,只有先讀入到 textarea 最方便。

使用 FCKeditor 2.6.5
復(fù)制代碼 代碼如下:

<div><textarea id="fckcontent" name="content">cftea</textarea></div>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
<!--
var oFCKeditor = new FCKeditor("fckcontent");
oFCKeditor.BasePath = "fckeditor/"; // fckeditor 文件夾位置。
oFCKeditor.Create();
//-->
</script>

本來應(yīng)該用 display:none 將 textarea 隱藏起來,不過為了查看效果,這里不隱藏。

這樣編輯器就自動與 fckcontent 關(guān)聯(lián)起來了,打開網(wǎng)頁時(shí) FCKeditor 自動讀取 textarea 的內(nèi)容,提交時(shí)又自動將其內(nèi)容(自動為 XHTML)賦給 textarea。

注意,我們 textarea 的 id 和 name 值不一樣,為什么呢?

這里應(yīng)該是這個(gè)版本不太完善的地方,如果我們把 textarea 的 id 和 name 值設(shè)置為一樣,那么 FCKeditor 文本區(qū)的 name 值也是 content,在服務(wù)器端 Request.Form("content").Count 就會有兩個(gè),我們服務(wù)器端取值就稍稍有點(diǎn)不方便,得用 Request.Form("content")(0)。如果我們將 id 設(shè)為 fckcontent,那么 FCKeditor 文本區(qū)的 name 就是 fckcontent,與 textarea 不同名。

設(shè)置編輯器寬高

var oFCKeditor = new FCKeditor("fckcontent", 500, 300);

復(fù)制代碼 代碼如下:

var oFCKeditor = new FCKeditor("fckcontent");
oFCKeditor.Width = 500;
oFCKeditor.Height = 300;

設(shè)置工具條

var oFCKeditor = new FCKeditor("fckcontent", 500, 300, "Basic");
注意第四個(gè)參數(shù),其可選值有 Basic、Default,注意大小寫不可搞錯(cuò),分別表示基本工具條、默認(rèn)工具條(全部按鈕)。

設(shè)置初始值、設(shè)置值、取值

設(shè)置初始值

實(shí)際上設(shè)置初始值很少用,因?yàn)橐话愣际桥c textarea 關(guān)聯(lián)的,故只是簡單列出來一下,不深究。說明一下,如果關(guān)聯(lián)的 textarea 存在,則賦初始值是沒有用的。

var oFCKeditor = new FCKeditor("fckcontent2", 500, 300, "Default", "武林網(wǎng)");

復(fù)制代碼 代碼如下:

var oFCKeditor = new FCKeditor("fckcontent2", 500, 300, "Default");
oFCKeditor.BasePath = "fckeditor/";
oFCKeditor.Value = "cftea"; // 必須在 Create 之前
oFCKeditor.Create();

設(shè)置值

若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲,否則會說 FCKeditorAPI 未定義。
復(fù)制代碼 代碼如下:

var oEditor = FCKeditorAPI.GetInstance("fckcontent");
oEditor.SetHTML("武林網(wǎng)");

取值

若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲,否則會說 FCKeditorAPI 未定義。
復(fù)制代碼 代碼如下:

var oEditor = FCKeditorAPI.GetInstance("fckcontent");
alert(oEditor.GetXHTML()); // 還有個(gè)類似方法是 GetHTML,但不推薦用 GetHTML。

您這樣做很危險(xiǎn):
復(fù)制代碼 代碼如下:

var oEditor = FCKeditorAPI.GetInstance("fckcontent");
oEditor.SetHTML("武林網(wǎng)");
alert(oEditor.GetXHTML()); // 這里的值并不一定是上一句賦的值。因?yàn)樗麄兲耍颠€沒來得及賦,就已經(jīng) alert 了。

插入圖片

若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲,否則會說 FCKeditorAPI 未定義。

FCKeditorAPI.GetInstance("fckcontent").InsertHtml("<img src...>");
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 额敏县| 富锦市| 双流县| 乐亭县| 太湖县| 闸北区| 梨树县| 贞丰县| 金塔县| 浮山县| 长宁区| 松阳县| 海宁市| 绥滨县| 滦平县| 阿坝县| 凌云县| 沧源| 崇左市| 临朐县| 永修县| 东方市| 塘沽区| 茌平县| 阿尔山市| 杂多县| 尉氏县| 海口市| 遂平县| 丽江市| 易门县| 瑞丽市| 绥宁县| 奉新县| 慈溪市| 佛学| 龙里县| 新巴尔虎右旗| 获嘉县| 贵南县| 金塔县|