网页编辑器插件
如要为 ONLYOFFICE 网页编辑器开发插件,请按以下步骤操作:
-
在本地创建一个文件夹,并将 index.html 和 config.json 文件放入其中。
-
启动文件夹的服务。在插件目录下运行以下命令:
npm install http-server -g
http-server -p <port> --cors其中
port是用于提供插件文件服务的端口号。备注由于插件文件可能来自任意服务器,因此需要开启 CORS 请求。
-
打开任一 ONLYOFFICE 网页端编辑器的开发者控制台,切换至控制台选项卡,从下拉列表中选择
frameEditor,并运行以下命令:Asc.editor.installDeveloperPlugin("https://<documentserver>:<port>/config.json");其中
documentserver是提供插件文件服务的服务器地址(例如localhost),port是步骤 2 中的端口号。备注如果您使用的
http-server未配置 SSL,请在 URL 中使用http://而非https://。
插件将在插件选项卡中显示。你可以编辑插件并重新加载以查看更改。
调试
如需在网页端编辑器中调试插件,请按以下步骤操作:
- 在脚本中添加
debugger命令:
(function debugger(window, undefined){
var text = "Hello world!";
window.Asc.plugin.init = function init()
{
debugger;
var variant = 2;
switch (variant)
{}
};
window.Asc.plugin.button = function button(id)
{
};
})(window, undefined);
-
按下 F12 打开浏览器开发者工具。
-
打开插件选项卡并运行插件。
备注请注意,只有在开发者工具开启时,
debugger命令才会生效。否则浏览器会忽略它。