Google Closure富文本编辑器Demo本地运行无功能按钮问题咨询
Google Closure Library 富文本编辑器本地Demo运行异常解决方案
- 禁止直接使用
file://协议打开本地HTML文件
Closure Library 基于自身的模块化规则实现了动态依赖加载逻辑,file协议会触发浏览器的跨域安全限制,导致编辑器工具栏组件、交互插件等依赖资源加载失败,这是你看不到功能按钮的核心原因。你需要在本地启动一个HTTP静态文件服务,将解压后的closure-library根目录作为服务的根目录,之后通过http://localhost:[自定义端口]/closure/goog/demos/editor/editor.html路径访问Demo。
常用的本地快速启动HTTP服务方案:- Python3环境:在closure-library根目录执行命令
python -m http.server 8080,之后访问http://localhost:8080对应路径即可 - Node.js环境:全局安装
http-server包后,在根目录执行命令http-server -p 8080即可
- Python3环境:在closure-library根目录执行命令
- 重新生成模块依赖映射文件
如果启动HTTP服务后仍然加载异常,可运行closure-library根目录下官方提供的依赖生成脚本,重新生成deps.js文件,确保编辑器相关的所有模块路径映射正确,能够被加载器正常识别。 - 排查控制台报错
完成以上两步后如果仍有异常,打开浏览器开发者工具的控制台面板,根据资源加载失败、JS运行报错的提示信息,针对性修复缺失的依赖或配置即可。
内容的提问来源于stack exchange,提问作者Jacques Mulder
相关产品推荐
相关产品推荐

