Naturally Produced Modules

    dt-react-monaco-editor
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.1 • Public • Published

    🏠 简述

    基于开源 monaco-editor,根据业务使用场景进行二次封装,极大的简化了代码,使编辑器部分代码可控性更高。

    安装

    使用 npm

        npm i dt-react-monaco-editor --save

    📖 如何使用

    在线预览

    https://DTStack.github.io/dt-react-monaco-editor/

    webpack 配置

        1、
            rule.push( {
                test: /\.worker\.[jt]s$/,
                use: { loader: 'worker-loader' }
                // 请确认您的项目已经引入worker-loader,如果没有请引入
            })
        2、
            node = {
                fs: 'empty',
                module: "empty",
            };
        3、
            plugins.push(new webpack.ContextReplacementPlugin(
                /monaco-editor(\\|\/)esm(\\|\/)vs(\\|\/)editor(\\|\/)common(\\|\/)services/,
                __dirname
            ))
    

    另请引入对应的官方 webpack-plugin

    直接引入

        import { Editor } from 'dt-react-monaco-editor'
        <Editor
            value='// 初始注释'
            language="dtsql"
            options={{ readOnly: false }}
        />

    🔧 本地开发

    clone & npm install

        git clone 
        npm install

    启动本地服务器

        npm run storybook

    静态服务部署构建

        npm run build-storybook

    📘 相关资料

    Install

    npm i dt-react-monaco-editor

    DownloadsWeekly Downloads

    5

    Version

    0.2.1

    License

    MIT

    Unpacked Size

    162 kB

    Total Files

    50

    Last publish

    Collaborators

    • xbrave
    • liuxy0551
    • mumiao
    • andyzjy
    • small-nuo
    • ziv
    • jnjsxi
    • prof.bramble