【问题标题】:How to embedded ACE editor in html?如何在 html 中嵌入 ACE 编辑器?
【发布时间】:2014-07-01 16:51:58
【问题描述】:

我最近需要在我的项目中嵌入 Ace,因此我从 https://github.com/ajaxorg/ace-builds/ 下载了预构建代码,并将代码从 https://github.com/ajaxorg/ace-builds/blob/master/editor.html 复制到我的站点中,其中列出了如何将 Ace 嵌入到网页中。

我将 src-min 文件夹复制到我的项目中。我改了

<script src="src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>

进入

<script src="js/src-min/ace.js" type="text/javascript" charset="utf-8"></script>

当我尝试在codeanywhere.com(我还上传了 src-min 文件夹)的沙盒中浏览网页时,我只能看到其中的大陆,没有区域可供我输入新内容。此外,代码是黑白的。

我可能做错了什么,我可以做些什么来让 Ace 正常工作?

【问题讨论】:

  • 您在浏览器控制台中看到了哪些错误?应该是无法加载脚本,或者没有定义ace。
  • 浏览器没有显示错误,只是
    的大陆。
  • hmm,你确定你看对了地方吗?,错误应该在控制台中,contents of div 在渲染页面
  • 对不起,我是初学者,请原谅我的错误。我看到了控制台,它说“因为文档的框架是沙盒的,并且没有设置'allow-scripts'权限。”所以,我试图找到在哪里可以设置“允许脚本”权限。谢谢你的回答。
  • 这可能是codeanywhere的问题,尝试在本地运行或使用其他服务。

标签: javascript ace-editor


【解决方案1】:

在这种情况下,第一件事是查看浏览器控制台,看看是否有东西阻止加载脚本。
正如您评论的那样,您有“框架已被沙盒化,并且未设置“允许脚本”权限。” 这可能是 codeanywhere 的问题,尝试在本地运行它或使用其他服务。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签