当我使用摩纳哥编辑器的创建功能时,出现“contextKeyService.ts:393元素已经具有上下文属性”

发布于 2025-01-10 17:26:15 字数 1380 浏览 0 评论 0原文

HTML

    <script type="text/javascript" src="/static/opt/require.js" data-main="/static/opt/demo"></script>
<script type="text/javascript" src="/static/opt/demo.js"></script>
<script src="/static/opt/monaco-editor/package/min/vs/loader.js"></script>

<div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px">
    <div  class="col-md-4 col-sm-4 col-xs-4" style="padding: 0;display: inline-flex;margin-left: 175px">
        <div id="input_editor" ></div>
    </div>
    
    <div  class="col-md-4 col-sm-4 col-xs-4" style="margin-left:165px;display: inline-flex">
        <div id="show_editor" ></div>
    </div>
</div>

demo.js

require.config({paths:{'vs':'/static/opt/monaco-editor/package/min/vs'}});

$(document).ready(function () {
   
    require(['vs/editor/editor.main'], function(){
        var input_editor = monaco.editor.create(document.getElementById("input_editor"), {
            value: "aaa"
        })
    })
    
    require(['vs/editor/editor.main'], function(){
        var show_editor = monaco.editor.create(document.getElementById("show_editor"), {
            value: "bbbbb"
        })
    })
})

我的代码有什么问题吗?我应该如何在 HTML 中使用 monaco 编辑器? Monaca 编辑器中是否有任何 api 可以将某些行设置为红色或绿色?

谢谢

HTML

    <script type="text/javascript" src="/static/opt/require.js" data-main="/static/opt/demo"></script>
<script type="text/javascript" src="/static/opt/demo.js"></script>
<script src="/static/opt/monaco-editor/package/min/vs/loader.js"></script>

<div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px">
    <div  class="col-md-4 col-sm-4 col-xs-4" style="padding: 0;display: inline-flex;margin-left: 175px">
        <div id="input_editor" ></div>
    </div>
    
    <div  class="col-md-4 col-sm-4 col-xs-4" style="margin-left:165px;display: inline-flex">
        <div id="show_editor" ></div>
    </div>
</div>

demo.js

require.config({paths:{'vs':'/static/opt/monaco-editor/package/min/vs'}});

$(document).ready(function () {
   
    require(['vs/editor/editor.main'], function(){
        var input_editor = monaco.editor.create(document.getElementById("input_editor"), {
            value: "aaa"
        })
    })
    
    require(['vs/editor/editor.main'], function(){
        var show_editor = monaco.editor.create(document.getElementById("show_editor"), {
            value: "bbbbb"
        })
    })
})

Is there anything wrong in my code? How should I use monaco editor in HTML?
And is there any api to color somelines red or green in the Monaca Editor?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文