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'] }

				],

				removePlugins: 'elementspath,Anchor',

				heigth: 100

			}}

			name="description"

		/>

	)

}

export default DescriptionInput