Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11160 | Rev 11167 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11160 Rev 11166
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useEffect } from 'react'
2 
import { CKEditor } from 'ckeditor4-react'
 2 
import { CKEditor } from 'ckeditor4-react'
3 
import { useForm } from 'react-hook-form'
 3 
import { useForm } from 'react-hook-form'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea 5...
5 
const DescriptionInput = ({ name, setValue, defaultValue }) => {
 5 
const DescriptionInput = ({ name, onChange, defaultValue }) => {
- 
 
 6 
 
- 
 
 7 
	const { watch, register, setValue } = useForm()
- 
 
 8 
 
Línea 6... Línea 9...
6 
 
 9 
	useEffect(() => register('description'), [])
7 
	const { watch } = useForm()
 10 
	useEffect(() => setValue('description', defaultValue), [defaultValue])
8 
 
 11 
 
9 
	return (
 12 
	return (
10 
		<CKEditor
 13 
		<CKEditor
11 
			data={watch(name)}
 14 
			data={watch('description')}
12 
			onChange={(e) => {
 15 
			onChange={(e) => {
13 
				const text = e.editor.getData()
 - 
 
14 
				setValue(name, text)
 16 
				const text = e.editor.getData()
15 
			}}
 17 
				onChange(name, text)
16 
			onInstanceReady={(e) => e.editor.setData(defaultValue)}
 18 
			}}
17 
			config={{
 19 
			config={{
18 
				toolbar: [
 20 
				toolbar: [
Línea 26... Línea 28...
26 
					{ name: 'tools', items: ['Maximize'] }
 28 
					{ name: 'tools', items: ['Maximize'] }
27 
				],
 29 
				],
28 
				removePlugins: 'elementspath,Anchor',
 30 
				removePlugins: 'elementspath,Anchor',
29 
				heigth: 100
 31 
				heigth: 100
30 
			}}
 32 
			}}
31 
			name={name}
 33 
			name="description"
32 
		/>
 34 
		/>
33 
	)
 35 
	)
34 
}
 36 
}
35 
export default DescriptionInput
 37 
export default DescriptionInput
36 

            38