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
如何编写自己的插件?
最新推荐文章于 2023-03-07 22:41:18 发布