校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > ckeditor插件開發(fā)簡單實例

ckeditor插件開發(fā)簡單實例

熱門標(biāo)簽:企業(yè)電話機(jī)器人辦理 株洲外呼營銷系統(tǒng)有哪些 四平電話機(jī)器人哪家好 靈聲智能電話機(jī)器人招聘 長春防封卡電銷卡套餐 長春銷售外呼系統(tǒng)業(yè)務(wù) 興化400電話辦理多少錢 天津電銷卡外呼系統(tǒng)線路 智能電銷機(jī)器人真的好嗎

CKeditor就是FCKeditor,在發(fā)布一個新版本的時候,把自己的名字都改了,不要"F"。

需求:我需要在編輯文本的時候,選擇一段文字,點擊自定義的按鈕,就能夠在這段文字后面增加一個圖標(biāo),圖標(biāo)超鏈接去一個地址,以選中的文字作為參數(shù)。

做法:

1、在CKeditor的plugins文件夾下,創(chuàng)建新文件夾"addmap",這個名字可以自定義,這個名字是我項目中用的名字

2、在addmap文件夾下,放一張gif圖片"map.gif",用來作圖標(biāo)用的。

3、在addmap文件夾下,新建"plugin.js",編輯這個js文件,我們這里的代碼是:

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

(function() {
    //Section 1 : 按下自定義按鈕時執(zhí)行的代碼
    var a = {
        exec: function(editor) {
        var data=""; 
        var mySelection = editor.getSelection();
        if (CKEDITOR.env.ie) {
            mySelection.unlock(true);
            data = mySelection.getNative().createRange().text;
        } else {
            data = mySelection.getNative();
        }
        if(data!=nulldata!=''){
            editor.insertHtml(data+'a href="/map_index.html?ad='+data+'">img border="0" height="24" src="/images/map_icon.gif" width="24" />/a>');
        }
        }
    },
    b = 'addmap';
    CKEDITOR.plugins.add(b, {
        init: function(editor) {
            editor.addCommand(b, a);
            editor.ui.addButton('addmap', {
                label: 'add map link',
                icon: this.path + 'map.gif',
                command: b
            });
        }
    });
})();

4、回到CKeditor的根目錄,編輯config.js

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

CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'zh-cn';
//config.uiColor = '#AADC6E';
//字體.
config.font_names = '宋體;楷體_GB2312;新宋體;黑體;隸書;幼圓;微軟雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;';
//工具按鈕    
config.toolbar=
[
   ['Source','-','Preview'],
   ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','Link','Unlink','Anchor'],
   ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
   ['addmap']
];

config.extraPlugins = 'addmap';

5、測試

您可能感興趣的文章:
  • CKEditor擴(kuò)展插件:自動排版功能autoformat插件實現(xiàn)方法詳解
  • FCKeditor 插件開發(fā) 示例(詳細(xì)版本)
  • ckeditor自定義插件使用方法詳解
  • CKEditor 附插入代碼的插件
  • 添加FCKeditor插件需要注意的地方
  • fckeditor 插件實例 制作步驟
  • autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
  • CKEditor中加入syntaxhighlighter代碼高亮插件
  • FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
  • ckeditor一鍵排版功能實現(xiàn)方法分析

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

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ckeditor插件開發(fā)簡單實例》,本文關(guān)鍵詞  ckeditor,插件,開發(fā),簡單,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ckeditor插件開發(fā)簡單實例》相關(guān)的同類信息!
  • 本頁收集關(guān)于ckeditor插件開發(fā)簡單實例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 铁力市| 永德县| 泗水县| 徐汇区| 延安市| 砀山县| 泸州市| 仲巴县| 龙山县| 潢川县| 天柱县| 万载县| 陆良县| 玉门市| 徐汇区| 库伦旗| 芷江| 墨江| 铜鼓县| 双流县| 隆德县| 万全县| 金寨县| 休宁县| 仁怀市| 江北区| 佛坪县| 四川省| 林甸县| 嘉兴市| 南通市| 石泉县| 菏泽市| 云龙县| 沅陵县| 扶绥县| 金溪县| 错那县| 纳雍县| 屏边| 浙江省|