主頁(yè) > 知識(shí)庫(kù) > CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)

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

熱門(mén)標(biāo)簽:智能電銷(xiāo)機(jī)器人真的好嗎 靈聲智能電話(huà)機(jī)器人招聘 天津電銷(xiāo)卡外呼系統(tǒng)線(xiàn)路 企業(yè)電話(huà)機(jī)器人辦理 長(zhǎng)春銷(xiāo)售外呼系統(tǒng)業(yè)務(wù) 四平電話(huà)機(jī)器人哪家好 株洲外呼營(yíng)銷(xiāo)系統(tǒng)有哪些 興化400電話(huà)辦理多少錢(qián) 長(zhǎng)春防封卡電銷(xiāo)卡套餐
因?yàn)橹苯影褍?nèi)容作為字符串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼,要讓 JS 代碼不受內(nèi)容中雙引號(hào)、換行等的干擾,只有先讀入到 textarea 最方便。

使用 CKeditor 3.0.1
復(fù)制代碼 代碼如下:

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 版本的使用非常方便,也不用擔(dān)心會(huì)形成兩個(gè)同名的 content。實(shí)際上 textarea 的 id 省略了也是可以的,因?yàn)?CKEditor 會(huì)先按 name 來(lái)查找,查找不到,再按 id 來(lái)查找。

并且編輯器會(huì)在 textarea 的位置替換原有的 textarea。

設(shè)置編輯器皮膚、寬高
復(fù)制代碼 代碼如下:

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 值應(yīng)該是 ckeditor/skins 文件夾下的某個(gè)文件夾名稱(chēng),如果指向不存在的皮膚,則不會(huì)顯示編輯器。

設(shè)置值、取值

設(shè)置值

CKEDITOR.instances.content.setData("腳本之家"); // content 就是前面 CKEDITOR.replace 的第一個(gè)參數(shù)值

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

var editor = CKEDITOR.replace("content");
editor.setData("腳本之家");

取值

alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一個(gè)參數(shù)值


var editor = CKEDITOR.replace("content");
alert(editor.getData());
插入圖片

若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲。

CKEDITOR.instances.content.insertHtml("img src=...>");
您可能感興趣的文章:
  • 解決FCKEditor在IE10、IE11下的不兼容問(wèn)題
  • FCKeditor使用方法(FCKeditor_2.6.3)詳細(xì)使用說(shuō)明
  • asp.net+FCKeditor上傳圖片顯示叉叉圖片無(wú)法顯示的問(wèn)題的解決方法
  • 修改fckeditor的文件上傳功能步驟
  • ckeditor的使用和配置方法分享
  • ASP FCKeditor在線(xiàn)編輯器使用方法
  • 整合ckeditor+ckfinder,解決上傳文件路徑問(wèn)題
  • FckEditor 配置手冊(cè)中文教程詳細(xì)說(shuō)明
  • asp.net CKEditor和CKFinder的應(yīng)用
  • PHP CKEditor 上傳圖片實(shí)現(xiàn)代碼
  • CKEditor網(wǎng)頁(yè)編輯器 中文使用說(shuō)明
  • FCKeditor2.3 For PHP 詳細(xì)整理的使用參考
  • javascript獲取ckeditor編輯器的值(實(shí)現(xiàn)代碼)
  • asp.net ckeditor編輯器的使用方法
  • 通過(guò)Fckeditor把圖片上傳到獨(dú)立圖片服務(wù)器的方法
  • 關(guān)于CKeditor的非主流個(gè)性應(yīng)用的設(shè)置
  • asp中的ckEditor的詳細(xì)配置小結(jié)
  • CKEditor4配置與開(kāi)發(fā)詳細(xì)中文說(shuō)明文檔

標(biāo)簽:巴彥淖爾 黑龍江 新疆 青海 運(yùn)城 石嘴山 貴港 漯河

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)》,本文關(guān)鍵詞  CKEditor,FCKEditor,使用,CKeditor,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入圖片)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章