React.js Project to Build Visual Studio Realtime Code Editor With Monaco Syntax Highlighter Library

geekygautam1997 February 1, 2025No Comments

npm i @monaco-editor/react

App.jsx

import React from 'react';
import './style.css';

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

export default function App() {
  return (
    <div>
      <h1>Hello StackBlitz!</h1>
      <p>Start editing in Monaco to see some magic happen :)</p>
      <Editor
        theme="vs-dark"
        height="50vh"
        defaultLanguage="html"
        defaultValue="<!-- Create Content -->"
      />
    </div>
  );
}

import React from 'react';

import './style.css';

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

export default function App() {

return (

<div>

<h1>Hello StackBlitz!</h1>

<p>Start editing in Monaco to see some magic happen :)</p>

<Editor

theme="vs-dark"

height="50vh"

defaultLanguage="html"

defaultValue=""

</div>

);

}

FULL SOURCE CODE

geekygautam1997

View All Posts

Comments

No comments yet. Why don’t you start the discussion?

React.js Project to Build Visual Studio Realtime Code Editor With Monaco Syntax Highlighter Library

FULL SOURCE CODE

Comments

Leave a Reply Cancel reply

Archives