Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2522 | Autoría | Ultima modificación | Ver Log |

import React from 'react'
import { CKEditor } from '@ckeditor/ckeditor5-react'
import {
  ClassicEditor,
  Bold,
  Essentials,
  Italic,
  Mention,
  Paragraph,
  Undo,
  Link,
  List,
  Table,
  SpecialCharacters
} from 'ckeditor5'
import 'ckeditor5.css'

export default function Ckeditor({
  defaultValue = '',
  onChange = () => '',
  onReady = () => {}
}) {
  return (
    <CKEditor
      editor={ClassicEditor}
      onReady={onReady}
      data={defaultValue}
      config={{
        toolbar: {
          items: [
            'bold',
            'italic',
            '|',
            'link',
            '|',
            'undo',
            'redo',
            '|',
            'numberedList',
            'bulletedList',
            '|',
            'table',
            '|',
            'specialCharacters'
          ]
        },
        plugins: [
          Bold,
          Essentials,
          Italic,
          Mention,
          Paragraph,
          Undo,
          SpecialCharacters,
          Table,
          Link,
          List
        ]
      }}
      onChange={(event, editor) => onChange(editor.getData())}
    />
  )
}