CKEditor外掛程式編寫

2021-05-22 09:51:11 字數 633 閱讀 1446

4. 外掛程式編寫流程和例項**

1) 在plugins目錄新建資料夾apage,在apage下新建檔案:plugin.js 內容如下:

ckeditor.plugins.add( 『apage』,

);

2)在*******中加一項page,並在配置中宣告新增擴充套件外掛程式 config.extraplugins = 『apage』; 有兩種方法實現,方法一是直接在config.js中新增,示例本文上面的config.js示例**; 方法二:在引用ckeditor的地方加配置引數,如:

ckeditor.replace( 'editor1',

);

此時你應該看到編輯器裡多了乙個空白的按鈕了。

解決空白按鈕的方法有二:

方法1:修改外掛程式**,plugin,將icon定義為乙個存在的圖示。

方法2:讓編輯顯示label的文字。需要加在放編輯器的頁面裡加css(注意:cke_button_apage的名稱與實際保持一致。)

CKeditor外掛程式開發流程

1.放在多檔案中 第一步 config.js中 config.extraplugins 外掛程式名稱 註冊外掛程式,extraplugins只允許出現一次,你如果之前有新增別的外掛程式,那麼用逗號分隔第二步 plugins資料夾下新建 外掛程式名稱 資料夾 第三步 1 在plugins 外掛程式名稱...

ckeditor外掛程式的使用

1 呼叫 ckeditor.replace content add 括號裡直接是你命名的id name的名稱,表示用ckeditor替代你的id name 得到頁面屬性值 ckeditor.instances.content add.getdata 清空重置引數 ckeditor.instances...

ckeditor外掛程式開發簡單例項

ckeditor就是fckeditor,在發布乙個新版本的時候,把自己的名字都改了,不要 f 做法 1 在ckeditor的plugins資料夾下,建立新資料夾 addmap 這個名字可以自定義,這個名字是我專案中用的名字 2 在addmap資料夾下,放一張gif map.gif 用來作圖示用的。3...