PHP Web App 中的 Ace 编辑器

Question

我正在制作一个小型网络应用程序，允许用户通过Ace Editor 提交 html、css 和 javascript 内容。在这个编辑器中，将存储的内容回显到编辑器中就足够了，但是我无论如何都找不到将用户输入提交到数据库。我可以看到 JavaScript 生成了一个 textarea，但是我不确定它在做什么，如何到达它，或者我是否应该完全寻找其他东西。

我主要是在寻找一个字段或可以用来让 php 提交到数据库的东西。

Answer 1

编辑窗口的内容可通过会话 getValue 方法获得。例如，这里是标准 ACE 演示的扩展，用于保存文件：

saveFile = function() {
    var contents = env.editor.getSession().getValue();

    $.post("write.php", 
            {contents: contents },
            function() {
                    // add error checking
                    alert('successful save');
            }
    );
};

我将 saveFile 调用添加到 demo.js 中已经存在的“Fake Save”。我用这样的代码替换警报：

// Fake-Save, works from the editor and the command line.
canon.addCommand({
    name: "save",
    bindKey: {
        win: "Ctrl-S",
        mac: "Command-S",
        sender: "editor|cli"
    },
    exec: function() {
        saveFile();
    }
});

php文件只有一行：

$r = file_put_contents("foo.txt", $_POST["contents"]) or die("can't open file");