uiwjs/react-codemirror v4.4.1 on GitHub

v4.4.0...v4.4.1

🐞 fix: Fix extensions bundled version issue (#267). cde4438 @jaywcjlove

npm i @uiw/react-codemirror@4.4.1

Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="https://unpkg.com/react@16.x/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16.x/umd/react-dom.development.js" crossorigin></script>
  <script src="https://codemirror.net/6/codemirror.js"></script>
  <script src="https://unpkg.com/@uiw/react-codemirror@4.4.1/dist/codemirror.min.js"></script>
</head>
<body>
  <div id="container" style="padding: 24px"></div>
  <script>
    const {javascript} = CM["@codemirror/lang-javascript"];
    const ReactCodeMirror = codemirror.default;
    const e = React.createElement;
    const Demo = () => {
      return e('div', {},
        e(ReactCodeMirror, {
          value: console.log('hello world!'),
          height: '200px',
          extensions: [javascript({ jsx: true })],
          onChange: (value, viewUpdate) => {
            console.log('value:', value);
          }
        })
      );
    }

    ReactDOM.render(e(Demo), document.getElementById("container"));
  </script>
</body>
</html>