如何从Monaco Editor发布数据?

时间:2017-11-13 00:32:06

标签: monaco-editor

我是这个领域的新人。这就是我尝试编码的原因。

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

脚本动态填充Monaco编辑器。我正在努力弄清楚如何将这些数据发布到服务器上?

我正在看这段代码: Cloud Functions currently runs Node 6 LTS

2 个答案:

答案 0 :(得分:0)

您可以将编辑器绑定为表单字段。结帐这篇文章 here

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

答案 1 :(得分:0)

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()”函数,该函数会将值从摩纳哥编辑器移至隐藏字段,然后轻松发布。

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

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