monaco-editor - 如何从摩纳哥编辑器发布数据？

Question

我是这个领域的新手。这就是我要编写的代码。

使用 post 方法将编辑器数据保存在服务器上。有人可以指导我如何实现这一目标吗？

脚本在 . 我正在努力弄清楚如何将这些数据发布到服务器？

我正在查看此代码： https ://github.com/Microsoft/monaco-editor-samples/tree/master/sample-editor

Answer 1

MPV 有望将您带到您需要去的地方。分享给后人。

将隐藏的输入添加到您的表单中，并将 JavaScript 函数附加到您的提交按钮：

<form method="POST">
    <input type="submit" onclick="setupFormPost()" />
    <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
    <input hidden name="code" id="code" />
</form>

这是一小段 JavaScript 代码，它设置了一个编辑器以及“setupFormPost()”函数，它将值从 Monaco 编辑器移动到隐藏字段中，然后轻松发布。

<script>
    var editor = monaco.editor.create(document.getElementById('container'), {
        language: 'javascript'
    });

    function setupFormPost() {
        var value = window.editor.getValue()
        $("#code").val(value);
    }
</script>

Answer 2

您可以将编辑器绑定为表单字段。 在这里查看这篇文章

function save() {
   // get the value of the data
   var value = window.editor.getValue()
   saveValueSomewhere(value);     
}