Skip to content

Releases: uiwjs/react-textarea-code-editor

v2.0.0

18 Mar 04:26
@github-actions github-actions
v2.0.0
3d23b82
Compare
Choose a tag to compare
v2.0.0

npm bundle size

Documentation v2.0.0: https://raw.githack.com/uiwjs/react-textarea-code-editor/98b656f/index.html
Comparing Changes: v1.6.0...v2.0.0

npm i @uiw/react-textarea-code-editor@2.0.0

Support dark-mode/night-mode

By default, the dark-mode is automatically switched according to the system. If you need to switch manually, just set the data-color-mode="dark" parameter for html Element.

<html data-color-mode="dark">
document.documentElement.setAttribute('data-color-mode', 'dark')
document.documentElement.setAttribute('data-color-mode', 'light')

Inherit custom color variables by adding .w-tc-editor-var selector.

const Demo = () => {
  return (
    <div>
      <div className="w-tc-editor-var"> </div>
      <CodeEditor value={code} />
    </div>
  )
}

Contributors

jaywcjlove
Assets 2
Loading

v1.6.0

12 Mar 09:54
@github-actions github-actions
v1.6.0
53a86a0
Compare
Choose a tag to compare
v1.6.0

npm bundle size

Documentation v1.6.0: https://raw.githack.com/uiwjs/react-textarea-code-editor/8f26da0/index.html
Comparing Changes: v1.5.2...v1.6.0

npm i @uiw/react-textarea-code-editor@1.6.0

Contributors

jaywcjlove
Assets 2
Loading

v1.5.2

12 Mar 09:06
@github-actions github-actions
v1.5.2
c6d38af
Compare
Choose a tag to compare
v1.5.2

npm bundle size

Documentation v1.5.2: https://raw.githack.com/uiwjs/react-textarea-code-editor/582075b/index.html
Comparing Changes: v1.5.1...v1.5.2

npm i @uiw/react-textarea-code-editor@1.5.2

Contributors

jaywcjlove and renovate-bot
Assets 2
Loading

v1.5.1

28 Feb 01:49
@github-actions github-actions
v1.5.1
cf12ec4
Compare
Choose a tag to compare
v1.5.1

npm bundle size

npm i @uiw/react-textarea-code-editor@1.5.1

v1.5.0...v1.5.1

Bundle Example: https://uiwjs.github.io/react-textarea-code-editor/bundle.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://unpkg.com/@babel/standalone@7.17.x/babel.min.js" crossorigin></script>
    <script src="https://unpkg.com/react@17.x/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@17.x/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/@uiw/codepen-require-polyfill/index.js" crossorigin></script>

    <link rel="stylesheet" href="https://unpkg.com/@uiw/react-textarea-code-editor/dist/editor.css">
  </head>
  <body>
    <a href="https://uiwjs.github.io/react-textarea-code-editor">@uiw/react-textarea-code-editor</a>
    <div id="container" style="padding: 24px"></div>
    <script src="https://unpkg.com/@uiw/react-textarea-code-editor/dist/editor.min.js"></script>
    <script type="text/babel">
      import CodeEditor from '@uiw/react-textarea-code-editor';
      const Demo = () => {
        const [code, setCode] = React.useState(
          `function add(a, b) {\n  return a + b;\n}`
        );
        return (
          <React.Fragment>
            <CodeEditor
              value={code}
              language="js"
              placeholder="Please enter JS code."
              onChange={(evn) => setCode(evn.target.value)}
              padding={15}
              style={{
                fontSize: 12,
                backgroundColor: "#f5f5f5",
                fontFamily: 'ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace',
              }}
            />
          </React.Fragment>
        );
      }
      ReactDOM.render(<Demo />, document.getElementById('container'));
    </script>
  </body>
</html>

Contributors

jaywcjlove
Assets 2
Loading

v1.5.0

28 Feb 01:35
@github-actions github-actions
v1.5.0
66c9204
Compare
Choose a tag to compare
v1.5.0

npm bundle size

npm i @uiw/react-textarea-code-editor@1.5.0

v1.4.16...v1.5.0

Contributors

jaywcjlove
Assets 2
Loading

v1.4.16

07 Feb 07:38
@github-actions github-actions
v1.4.16
2738057
Compare
Choose a tag to compare
v1.4.16

npm bundle size

npm i @uiw/react-textarea-code-editor@1.4.16

v1.4.15...v1.4.16

Contributors

Badestrand, jaywcjlove, and KallieLev
Assets 2
Loading

v1.4.15

04 Jan 06:53
@github-actions github-actions
v1.4.15
77f902c
Compare
Choose a tag to compare
v1.4.15

npm bundle size

npm i @uiw/react-textarea-code-editor@1.4.15

v1.4.14...v1.4.15

Contributors

jaywcjlove and renovate-bot
Assets 2
Loading

v1.4.14

07 Oct 14:11
@github-actions github-actions
v1.4.14
7405871
Compare
Choose a tag to compare
v1.4.14

npm bundle size

npm i @uiw/react-textarea-code-editor@1.4.14

v1.4.13...v1.4.14

Contributors

jaywcjlove and renovate-bot
Assets 2
Loading

v1.4.13

19 Sep 16:38
@github-actions github-actions
v1.4.13
da4bf60
Compare
Choose a tag to compare
v1.4.13

npm bundle size

npm i @uiw/react-textarea-code-editor@1.4.13

v1.4.12...v1.4.13

  • 💄 chore(deps): update dependency code-example to v3.1.0 (#50) adf8af3
  • 💄 chore(deps): update dependency code-example to v3.3.1 (#51) f128c20
  • 💄 chore(deps): update dependency prettier to v2.4.1 (#54) 1048714
  • 💄 chore(deps): update dependency rehype-attr to v2.0.3 (#53) 4297d3f
  • 💄 chore(deps): update dependency @uiw/react-markdown-preview to v3.3.3 (#52) de174ab
  • 💄 chore(deps): update dependency @types/react to v17.0.21 (#49) ae1fb7a
  • 🎨 style: Modify select style. f3fbeeb
Assets 2
Loading

v1.4.12

14 Sep 06:35
@github-actions github-actions
v1.4.12
8de411e
Compare
Choose a tag to compare
v1.4.12

npm bundle size

npm i @uiw/react-textarea-code-editor@1.4.12

v1.4.11...v1.4.12

  • 💄 chore(deps): update dependency tsbb to v3.2.1 (#48) c5e3ec7
Assets 2
Loading