Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2521 stevensc 1 
import React from 'react'
2 
import { CKEditor } from '@ckeditor/ckeditor5-react'
3 
import {
4 
  ClassicEditor,
5 
  Bold,
6 
  Essentials,
7 
  Italic,
8 
  Mention,
9 
  Paragraph,
2522 stevensc 10 
  Undo,
11 
  Link,
12 
  List,
13 
  Table,
14 
  SpecialCharacters
2521 stevensc 15 
} from 'ckeditor5'
16 
import 'ckeditor5.css'
17 
 
18 
export default function Ckeditor({
19 
  defaultValue = '',
20 
  onChange = () => '',
21 
  onReady = () => {}
22 
}) {
23 
  return (
24 
    <CKEditor
25 
      editor={ClassicEditor}
26 
      onReady={onReady}
2522 stevensc 27 
      data={defaultValue}
2521 stevensc 28 
      config={{
29 
        toolbar: {
2522 stevensc 30 
          items: [
31 
            'bold',
32 
            'italic',
2523 stevensc 33 
            '|',
34 
            'link',
35 
            '|',
2522 stevensc 36 
            'undo',
2523 stevensc 37 
            'redo',
38 
            '|',
39 
            'numberedList',
40 
            'bulletedList',
41 
            '|',
2522 stevensc 42 
            'table',
2523 stevensc 43 
            '|',
44 
            'specialCharacters'
2522 stevensc 45 
          ]
2521 stevensc 46 
        },
2522 stevensc 47 
        plugins: [
48 
          Bold,
49 
          Essentials,
50 
          Italic,
51 
          Mention,
52 
          Paragraph,
53 
          Undo,
54 
          SpecialCharacters,
55 
          Table,
56 
          Link,
57 
          List
58 
        ]
2521 stevensc 59 
      }}
2522 stevensc 60 
      onChange={(event, editor) => onChange(editor.getData())}
2521 stevensc 61 
    />
62 
  )
63 
}