小编Ank*_*mar的帖子

如何在React js中删除Monaco编辑器中的小地图、滚动条以及如何禁用Monaco编辑器中的写入?

我正在使用带有 React 的 Monaco 编辑器。运行良好。但我想删除其中的小地图和滚动条。我怎样才能删除它们?我想禁用其中的编辑。我怎样才能实现这些功能?请检查图片以供参考 - 在此输入图像描述

代码:

import Editor from "@monaco-editor/react";


export default function TwoSum() {

    return (
        <div>

            {/* Coding Page Content */}
            <div className="lg:flex h-full lg:w-12/12 lg:mx-2 mt-12 lg:py-4">
                {/* Coding Main Content Start */}
                <div className="lg:w-6/12 lg:pr-6 fixed overflow-scroll h-full pb-40">
                   // social 


                </div>
                {/* Coding Main Content End */}

                {/* Coding Right Sidebar Start */}
                <div className="lg:w-6/12 lg:pl-4 h-full px-2 mt-2 lg:mt-0 lg:px-0 absolute right-0">
                    
                    <Editor
                        height="80vh"
                        defaultLanguage="javascript"
                        defaultValue= {code}
                        className=" overflow-hidden"
                        readOnly = {true}
                        // …
Run Code Online (Sandbox Code Playgroud)

javascript css editor reactjs monaco-editor

7
推荐指数
1
解决办法
7388
查看次数

标签 统计

css ×1

editor ×1

javascript ×1

monaco-editor ×1

reactjs ×1