ronaco v0.8.2

ronaco

Monaco Editor for React with typescript type definitions.

Getting started

Install ronaco using npm.

npm install --save ronaco

Add copy-webpack-plugin to your webpack.config.js:

const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
  plugins: [
    new CopyWebpackPlugin([
      {
        from: 'node_modules/monaco-editor/min/vs',
        to: 'vs'
      }
    ])
  ]
};

Import MonacoEditor from the library:

import { MonacoEditor } from 'ronaco';

Documentation

Prop Types

Example

import * as React from 'react';
import { MonacoEditor } from 'ronaco/dist';

export default class App extends React.Component {
  render() {
    return <MonacoEditor language="typescript" />;
  }
}

Credits

This library builds on the work of Leon Shi's excellent react-monaco-editor and Ted Driggs' amazing inferno-monaco-editor.