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())}
/>
)
}