javascript - 带有 ExtJS 4.1 的 Google Apps 脚本

Question

问:是否可以通过任何方式在 Caja 模板中添加 ExtJS 4？

例如，在向 HTML header 写入加载指令时:

 <link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css"/>
 <script type="text/javascript">
   document.write("\x3Cscript type='text/javascript' src='http://cdn.sencha.io/ext-4.1.1a-commercial/ext-all.js'>\x3C/script>");
 </script>

结果是这样的:

Invalid script or HTML content: http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+6635 - 6636: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+6621 - 6652: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+6621 - 6672: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+82707 - 82708: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+82677 - 82724: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+82677 - 82744: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+111019 - 111020: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+111002 - 111036: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+111051 - 111052: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+111037 - 111068: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+111002 - 111088: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+200996 - 200997: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+200982 - 201013: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+200982 - 201033: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+217948 - 217949: Expected <Identifier> not : http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+217931 - 217965: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+217931 - 217985: Skipping malformed content http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+219058 - 219075: Not a valid uri: 'url(#default#VML)' http://cdn.sencha.io/ext-4.1.1a-commercial/resources/css/ext-all.css:18+219049 - 219075: Skipping malformed content HtmlOutput:11+132 - 12+1: Unclosed string.

刚刚注意到 Caja 验证错误与 CSS 相关，但是虽然无法构造 Ext 对象 - 这没有区别。因为它似乎只有 jQuery 和 jQueryUI 可用作前驱:Google Code .如果 jqGrid 至少可以工作，这可能是一个替代方案(但由于我打算使用 ExtJS，我宁愿将环境切换到更兼容的东西)。

Maestro HTML 应用程序只是说:“加载 ext-all.js 失败”。还没有尝试在驱动器上“本地”包含库 - 但我猜想这样可能会应用相同的 JS 阉割。

嵌入第 3 方脚本的安全性通常不是坏主意 -

但是，如果不能覆盖安全功能 - 它会阻碍创新。

可能应该假设它不受支持并继续前进；对此类专有解决方案一无所有-他们可能会建立自己的互联网，但没有我。

Answer 1

我在 Caja 工作。我没有特别关注 ExtJS，但新 JS 框架的常见问题是 Caja 没有准确实现一些小功能或极端情况。网络平台庞大，我们必须优先考虑人们期望使用的功能，因为说“在继续之前实现一切”是不切实际的。

我推荐你file an enhancement request支持 ExtJS。如果您要检查 ExtJS 的 CSS 并确定 Caja 拒绝了它的哪一部分(例如，通过将错误与未缩小版本中的行号进行比较，或者如有必要，删除部分直到它不被拒绝)，这将特别有用，所以我们可以专注于添加必要的功能。

---

请注意，您不应该期待 document.write ing <script>元素工作；动态定义的脚本通常在 Google Apps Script 中当前部署的 Caja 中不可用。使用文字 <script>取而代之的是 HTML 中的元素。这可能就是为什么您只看到与 CSS 相关的错误，而既没有成功也没有看到 ExtJS 本身的错误。 (我刚刚记录了 we ought to give an error message in this case 。)