@alicloud/rc-codemirror

CodeMirror@5 的 React 封装

Usage no npm install needed!

<script type="module">
  import alicloudRcCodemirror from 'https://cdn.skypack.dev/@alicloud/rc-codemirror';
</script>

README

@alicloud/rc-codemirror

CodeMirror 5 的 React 封装，适用于极简的场景。

预加载以下样式：

codemirror/lib/codemirror.css
codemirror/display/fullscreen.css
codemirror/theme/mdn-like.css
codemirror/theme/mdn-like.css
codemirror/addon/fold/foldgutter.css
codemirror/addon/dialog/dialog.css
codemirror/addon/search/matchesonscrollbar.css
codemirror/addon/lint/lint.css

预加载以下 mode：

codemirror/mode/javascript/javascript 支持如下 conf.mode
- text/javascript
- text/ecmascript
- application/javascript
- application/x-javascript
- application/ecmascript
- application/json
- application/x-json
- application/manifest+json
- application/ld+json
- text/typescript
- application/typescript
codemirror/mode/css/css 支持如下 conf.mode
- text/css
- text/x-scss
- text/x-less
- text/x-gss
codemirror/mode/htmlmixed/htmlmixed 支持如下 conf.mode
- text/markdown
- text/x-markdown

预加载以下插件：

codemirror/addon/lint/lint
codemirror/addon/selection/active-line
codemirror/addon/fold/foldcode
codemirror/addon/fold/foldgutter
codemirror/addon/fold/brace-fold
codemirror/addon/fold/indent-fold
codemirror/addon/edit/matchbrackets
codemirror/addon/edit/closebrackets
codemirror/addon/edit/closetag
codemirror/addon/dialog/dialog
codemirror/addon/search/search
codemirror/addon/search/searchcursor
codemirror/addon/search/jump-to-line
codemirror/addon/search/matchesonscrollbar

其他需要的可以在自己的应用下进行二次封装。