婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > ckeditor插件開發簡單實例

ckeditor插件開發簡單實例

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

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

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

做法:

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

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

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

復制代碼 代碼如下:

(function() {
    //Section 1 : 按下自定義按鈕時執行的代碼
    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

復制代碼 代碼如下:

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擴展插件:自動排版功能autoformat插件實現方法詳解
  • FCKeditor 插件開發 示例(詳細版本)
  • ckeditor自定義插件使用方法詳解
  • CKEditor 附插入代碼的插件
  • 添加FCKeditor插件需要注意的地方
  • fckeditor 插件實例 制作步驟
  • autogrow 讓FCKeditor高度隨內容增加的插件
  • CKEditor中加入syntaxhighlighter代碼高亮插件
  • FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
  • ckeditor一鍵排版功能實現方法分析

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

巨人網絡通訊聲明:本文標題《ckeditor插件開發簡單實例》,本文關鍵詞  ckeditor,插件,開發,簡單,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ckeditor插件開發簡單實例》相關的同類信息!
  • 本頁收集關于ckeditor插件開發簡單實例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 和龙市| 临江市| 呈贡县| 青神县| 济源市| 南召县| 湖口县| 逊克县| 兰西县| 揭东县| 板桥市| 八宿县| 望都县| 双桥区| 大城县| 铅山县| 武夷山市| 香港| 博兴县| 武川县| 长岭县| 鹤岗市| 舒兰市| 仙居县| 东海县| 富源县| 宣威市| 交城县| 黔南| 休宁县| 乐亭县| 漳州市| 五家渠市| 蓝山县| 罗平县| 甘肃省| 同仁县| 腾冲县| 积石山| 安西县| 衡山县|