ckeditor4-uibox

React UI wrapper for CKEditor 4 (design-only wrapper with label + error state).

Install

npm i ckeditor4-uibox ckeditor4-react

Usage

import { useState } from 'react'
import { CkeditorWrapped } from 'ckeditor4-uibox'
import 'ckeditor4-uibox/style.css'

export default function Example() {
  const [value, setValue] = useState('<p>Hello</p>')

  return (
    <CkeditorWrapped
      label="Description"
      value={value}
      onChange={setValue}
      error={value.length < 10 ? 'Please type more.' : undefined}
      height={220}
      config={{ removePlugins: 'elementspath' }}
    />
  )
}

Build (for publishing)

npm run build