代码编辑器monaco-editor之基础使用

发布时间：2020-12-15 03:18:12 所属栏目：C语言来源：网络整理

导读：? 1.下载安装monaco-editor npm install monaco-editor ? 我的安装目录在 C://Windows//SystemApps//Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe//23//common//monaco-editor/ ? 2.集成界面 ! DOCTYPE html html head meta http-equiv ="X-UA-Comp

1.下载安装monaco-editor

npm install monaco-editor

我的安装目录在

C://Windows//SystemApps//Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe//23//common//monaco-editor/

2.集成界面

<!DOCTYPE html>
<htmlhead>
    meta http-equiv="X-UA-Compatible" content="IE=edge" />
    ="Content-Type"="text/html;charset=utf-8" </bodydiv id="container" style="width:800px;height:600px;border:1px solid grey"></divscript src="C://Windows//SystemApps//Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe//23//common//monaco-editor//min//vs//loader.js"script>
    require.config({ paths: { 'vs: C://Windows//SystemApps//Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe//23//common//monaco-editor//min//vs }});
    require([vs/editor/editor.main],function() {
        var editor = monaco.editor.create(document.getElementById(container),{
            value: [
                function x() {,1)">tconsole.log("Hello world!");}
            ].join(njavascript
        });
    });
>

3.运行结果

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!