HTML5 中的本地编辑器

Question

我想知道 HTML5 的当前状态是否可以编辑本地文件。更准确地说，我的意思是：

• 文件不是由服务器提供的（它们在 上file://），或者在最坏的情况下，由本地服务器提供
• 编辑器要么在本地文件系统上，要么由外部服务器提供服务
• 如果我不使用浏览器扩展程序会更好
• 总体目标是创建一个不需要重新加载页面或手动插入文件的在线 IDE

我知道有 fileSystem API，但从我读到的内容来看，它似乎仅适用于 chrome 扩展？那么监听文件更改呢？

我还在trace.gl上注意到，可以创建点击后打开本地文本编辑器的链接（就像在 chrome 控制台中一样）。

是否可以重现我们可以看到的内容，trace.gl但结合访问本地文件系统和监听文件更改事件，以创建某种本地 IDE 为目标？

更精确地编辑：目标实际上是创建一个 IDE。想想代码 IDE (Eclipse ...) 的例子，它显示工作区中的每个文件和目录，并听取更改，可以实时读/写等。这就是我想要实现的。PS：如果需要，它可能是特定于浏览器的

Answer 1

我想知道 HTML5 的当前状态是否可以编辑本地文件

是和否。在HTML5文件系统API规范在所有最新的浏览器（IE10，iOS6的，浏览器，Safari浏览器，Firefox浏览器）来实现。但是，它不会让您完全访问用户本地文件系统。引用规范：

该规范定义了一个用于导航文件系统层次结构的 API，并定义了一种方法，通过该方法用户代理可以将用户本地文件系统的沙盒部分公开给 Web 应用程序。

他们阻止你做你想要实现的事情的关键字是"sandboxed"。在幕后，当您使用 HTML5 文件系统 API 时，它将为当前页面创建一个全新的目录以供使用。

如果您对自己的页面拥有自己的 sanboxed 目录感到满意，这可能会让您实现您想要的，但是如果您正在创建一个 IDE，我怀疑您想要比这更多的控制。

IDE 在浏览器中

事实上，基于浏览器的 IDE 已经在做与您所要求的类似的事情：

• Cloud9 - https://github.com/ajaxorg/cloud9/ - 这通过启动 Node.js 网络服务器并指向包含您的项目的目录来工作。然后，该浏览器将这些文件提供给浏览器。
• Orion - http://wiki.eclipse.org/Orion/How_Tos/Install_Orion_on_Localhost - 这是一个基于 Eclipse 的项目，它再次通过启动本地 Web 服务器并将文件提供给浏览器来工作。

我的建议是从查看他们的代码库开始——两者都是开源的并且处于非常稳定的状态。您可以将其中的一个分支来实现您的目标，或者将它们用作有关如何开始自己的想法。