Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect } from 'react'
import { CKEditor } from 'ckeditor4-react'
import { useForm } from 'react-hook-form'

const DescriptionInput = ({ name, onChange, defaultValue }) => {

        const { watch, register, setValue } = useForm()

        useEffect(() => register('description'), [])
        useEffect(() => setValue('description', defaultValue), [defaultValue])

        return (
                <CKEditor
                        data={watch('description')}
                        onChange={(e) => {
                                const text = e.editor.getData()
                                onChange(name, text)
                        }}
                        onInstanceReady={(e) => e.editor.setData(defaultValue)}
                        config={{
                                toolbar: [
                                        { name: 'editing', items: ['Scayt'] },
                                        { name: 'links', items: ['Link', 'Unlink'] },
                                        { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'] },
                                        { name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', 'RemoveFormat'] },
                                        '/',
                                        { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
                                        { name: 'styles', items: ['Styles', 'Format'] },
                                        { name: 'tools', items: ['Maximize'] }
                                ],
                                language_list: ['es:Spanish'],
                                language: 'es',
                                removePlugins: 'elementspath,Anchor',
                                heigth: 100
                        }}
                        name="description"
                />
        )
}
export default DescriptionInput