如何編寫自己的外掛程式?

來源:互聯網
上載者:User

UBB外掛程式是擴充UBB編輯器功能的開放介面,使用JavaScript編寫。調試外掛程式 UBB外掛程式採用動態載入JavaScript檔案的方法,一個外掛程式對應一個JavaScript檔案。瀏覽器安全限制不允許載入本機檔案,即類似:file:///c|/temp/plugin.js的檔案,所以您得有一個站台伺服器。如果是本機測試,那麼IIS或Apache得裝上(向您推薦由網友ChrisAK編寫的“UBB外掛程式迷你伺服器”)。在Firefox中調試如果不能訪問localhost或者指定連接埠那麼需配置: 地址欄輸入:“about:config”進入配置頁面;配置喜好設定“network.automatic-ntlm-auth.trusted-uris”為“localhost”。配置喜好設定“network.security.ports.banned.override”為“指定連接埠”,如:8080。 點擊工具條上的UBB外掛程式按鈕“”進入外掛程式管理對話方塊。 將“本機外掛程式URL”輸入框中的內容,替換成自己編寫的外掛程式所在連結即可裝載。 編寫外掛程式外掛程式Demo:plugin.js 外掛程式只需要實現load()(裝載)和free()(卸載)兩個方法即可被調用。 var CsdnScriptPlugin999 = { /// /// 介面版本 /// interfaceVersion: "1.0", /// /// 外掛程式標題,顯示給使用者看 /// caption: "外掛程式標題", /// /// 設計者在CSDN的ID /// designer: "unknown", /// /// 按鈕對象,可選項 /// buttons: {}, /// /// 分隔條對象,可選項 /// separators: {}, /// /// 裝載 /// load: function() { this.separators["icon"] = CsdnScriptWorkshop.addSeparator(); // 添加一個分隔條 this.buttons["icon"] = CsdnScriptWorkshop.addButton( // 添加一個工具按鈕 this.caption, "按鈕圖片(16*16 gif)", function() { var htmlDialog = "對話方塊的HTML內容"; var point = absolutePoint(this); // 按鈕的位置 CsdnScriptWorkshop.showDialog("標題", htmlDialog, point.x, point.y + 18, 200, 200); }); }, /// /// 卸載 /// free: function() { for (var button in this.buttons) CsdnScriptWorkshop.deleteButton(this.buttons[button]); for (var separator in this.separators) CsdnScriptWorkshop.deleteSeparator(this.separators[separator]); } }本地外掛程式對象名必須為:“CsdnScriptPlugin999” 必須填寫的欄位:interfaceVersion(介面版本)、caption(標題)、designer(設計人CSDN ID)必須填寫的方法:load()(裝載外掛程式)、free()(卸載外掛程式)添加工具按鈕或分隔條、獲得或設定文字框內容通過調用“CsdnScriptWorkshop”對象的方法實現,聲明如下: var CsdnScriptWorkshop = { /// /// 介面版本 /// interfaceVersion: "1.0", /// /// 獲得UBB編輯器 /// /// 返回編輯對象 getEditor: function() {...}, /// /// 獲得UBB編輯器文本 /// /// 返回全部文本 getEditorText: function() {...}, /// /// 設定UBB編輯器文本 /// ///

常值內容 setEditorText: function(value) {...}, /// /// 獲得UBB編輯器選中文本 /// /// 返回當前選中的文本 getSelectText: function() {...}, /// /// 設定UBB編輯器選中文本 /// ///

常值內容 setSelectText: function(value) {...}, /// /// 添加工具按鈕 /// ///

提示內容 ///

表徵圖URL,16*16,可以通過個人空間上傳 ///

點擊按鈕執行的函數 /// 返回添加的按鈕對象 addButton: function(hint, icon, click) {...}, /// /// 移除工具按鈕 /// ///

按鈕對象 deleteButton: function(button) {...}, /// /// 添加工具分隔條 /// /// 返回添加的分隔條對象 addSeparator: function() {...}, /// /// 移除工具分隔條 /// ///

分隔條對象 deleteSeparator: function(separator) {...}, /// /// 顯示對話方塊 /// ///

標題 ///

顯示的html內容 ///

左邊距 ///

上邊距 ///

寬度 ///

高度 showDialog: function(title, html, left, top, width, height) {...}, /// /// 關閉對話方塊 /// closeDialog: function() {...} } 控制對話方塊顯示位置或儲存使用者使用習慣可以調用如下公用函數: /// /// 獲得元素的絕對座標組象(訪問x,y欄位) /// ///

HTML元素 /// 返回元素所在的絕對座標 function absolutePoint(element) {...} /// /// 設定Cookie值 /// ///

Cookie變數名 ///

Cookie值 ///

儲存的天數 function setCookie(name, value, days) {...} /// /// 擷取Cookie值 /// ///

Cookie變數名 /// 返回擷取到的Cookie值 function getCookie(name) {...} 推薦自己的外掛程式如果想讓更多的網友分享到您的創意和樂趣,那麼趕緊向我們發郵件推薦您的外掛程式吧。外掛程式推薦信格式: 郵件主題:推薦UBB外掛程式 內容:<外掛程式介紹> 附件:Plugin.js(外掛程式指令碼)、Readme.htm(協助文檔)、其他相關表徵圖 (為方便審核和分享,請不要壓縮指令碼或去掉注釋) 郵件主題為:推薦UBB外掛程式郵箱:wangjh@csdn.net

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.