如何在ace编辑器中保存或编辑javascript文件

How to save or edit javascript files in ace editor

本文关键字:编辑 javascript 文件 保存 ace 编辑器      更新时间:2023-09-26

我想使用Ace编辑器来保存和编辑javascript文件文档中没有明确说明如何做到这一点

Ace编辑器只是编辑器的UI部分。可以这样想:like a textarea but cool!
要处理文件,您需要某种服务器来读取和保存文件,并将文本发送到Ace所在的网页。(你也可以使用html5文件系统api,但这只适用于chrome)。您可以在https://github.com/zedapp/zed/tree/master/app/js/fs的Zed源代码中找到许多有趣的实现,这是基于Ace的代码编辑器。

假设你有一个名为download的按钮,这就是你要做的

我使用的是filesver .js库,你可以在这里找到

document.getElementById("download").addEventListener("click", ()=>{
      var file = new File([editor.getValue()], "zup.js", {type: "text/plain;charset=utf-8"});
      saveAs(file);
})