Question

我已将ace编辑器纳入我的项目

<div id="page-content-wrapper">
    <pre id="editor">
    </pre>
</div>  

<script src="src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/text");
    editor.setShowPrintMargin(false);

    $('#mode').on('change', function(){
        console.log("Change");
        var newMode = document.getElementById('mode').value
        console.log(newMode);
        editor.getSession().setMode("ace/mode/" + newMode);
    });
</script>

我想使用php或javascript将写在此编辑器上的内容存储为文本文件。需要帮助。提前致谢。干杯：）

Answer 1

<input type="text" id="input-fileName" value="Result" placeholder="Enter file name">
  <button id="download2" type="submit" class="btn btn-primary">Save</button>
<script type="text/javascript">
    document.getElementById("download2").addEventListener("click", ()=>{
 var filename = $("#input-fileName").val()
  var file = new File([editor.getValue()],filename +".h4c", {type: "text/plain;charset=utf-8"});
  saveAs(file);

}）
定义一个按钮，如代码中所示，它将触发该功能，该功能从ace编辑器获取用户输入并将其处理为带扩展名的文件，默认情况下，我将扩展名设置为.h4c根据您的需要更改它，并为filename我提供了文本框。

Ace Editor保存为txt文件

1 个答案: