@specup/editor
TypeScript icon, indicating that this package has built-in type declarations

2.1.0 • Public • Published

XEN Editor

Xen prosemirror editor

Installation

Peer Dependencies

yarn add react styled-components bulma

Usage

import 'bulma/css/bulma.css'
import '@specup/editor/dist/style.css'
import { Editor } from '@specup/editor'

const EditorContainer = () => {
  const ref = useRef(null)
  const [html, setHTML] = useState(null)

  function handlePrintClick() {
    if (ref.current) {
      setHTML(ref.current.html())
    }
  }

  return (
    <>
      <StyledEditor
        initialValue={`
          <p style="text-align: center">Buddy</p>
          <p>Hello</p>
          <p><span style="color: red;">World</span></p>
          <p style="margin-left: 40px">Indented</p>
        `}
        apiBaseURL="https://graphql.linkareer.com/graphql"
        ref={ref}
      />
      <button onClick={handlePrintClick}>Print</button>
      {html && <div dangerouslySetInnerHTML={{ __html: html }} />}
    </>
  )
}

Deploy

npm login
npm version <patch | major | minor...> && npm publish

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i @specup/editor

Weekly Downloads

3

Version

2.1.0

License

MIT

Unpacked Size

3.05 MB

Total Files

328

Last publish

Collaborators

  • jeongsd
  • joonsung.um
  • ohdoski
  • pawsong
  • roseline124