javascript - 将 HTML 文件加载到 ACE 编辑器 PRE 标签中

Question

有一个(在服务器上)本地存储的 HTML 文件，我需要向用户显示该文件并允许对其进行更改并保存。 (类似于 wordpress 中的模板文件编辑器)。

为此，我使用 ACE 编辑器。

我的 javascript 代码:

$(document).ready(function() {

var editor = ace.edit("editor");

editor.getSession().setMode("ace/mode/html");
editor.setTheme("ace/theme/chrome");

editor.setValue("<?php echo addslashes(file_get_contents("abc.html")); ?>");
editor.gotoLine(1);

});

文件abc.html中的代码

我的问题:虽然我使用了 addslashes，但还是有一些字符导致了问题。有没有直接向 ACE Editor 提供文件的方法？

有没有其他这样的编辑器可以直接提供文件名打开？

编辑:已解决!

我没有通过 setValue() 函数传递文件文本，而是直接在 PRE 标记中打印文本

<pre id="editor"><?php echo htmlentities(file_get_contents($input_dir."abc.html")); ?></pre>

成功了。

Answer 1

正确的转义是

htmlspecialchars(addslashes(file_get_contents("abc.html")));