javascript – 将HTML文件加载到ACE Editor PRE Tag中

有一个(在服务器上)本地存储的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>

有效.

解决方法:

正确的逃避是

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

标签：php,javascript,wysiwyg,ace-editor
来源： https://codeday.me/bug/20190709/1411002.html