0
422
Views¿Cómo eliminar el minimapa, la barra de desplazamiento en el editor de Mónaco y cómo deshabilitar la escritura en el editor de Mónaco en reaccionar js?
Estoy usando el editor de Mónaco con reaccionar. Está funcionando bien. Pero quiero eliminar el minimapa y la barra de desplazamiento. ¿Cómo puedo eliminarlos? Y quiero deshabilitar la edición en él. ¿Cómo puedo lograr estas funcionalidades? Comprueba la imagen como referencia. 
Código:
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} // minimap={enabled = false} // scrollbar={vertical = "hidden"} /> </div> {/* Coding Rightsidebar End */} </div> </div> ) } const code = `Here is my code ... `
·
Juan Pablo Isaza
1 answers
Answer question0
Cuando crea el editor, puede especificar muchas opciones que controlan el comportamiento y la visualización del mismo:
const options: Monaco.IStandaloneEditorConstructionOptions = { readOnly: false, minimap: { enabled: false }, ... }; this.editor = Monaco.create(this.hostRef.current, options);Esto está usando Mónaco directamente. Para @monaco-editor/react puede especificar las opciones como propiedad:
const options: Monaco.IStandaloneEditorConstructionOptions = { readOnly: false, minimap: { enabled: false }, ... }; <Editor height="80vh" defaultLanguage="javascript" defaultValue= {code} className=" overflow-hidden" options = {options} />Consulte también: https://www.npmjs.com/package/@monaco-editor/react#editor .
·
Juan Pablo Isaza
Report
Answer question