Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2764 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2764 Rev 2855
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { CKEditor } from '@ckeditor/ckeditor5-react'
 2 
import { Controller } from 'react-hook-form'
3 
import { FormLabel } from '@mui/material'
 3 
import { FormLabel } from '@mui/material'
- 
 
 4 
import { CKEditor } from '@ckeditor/ckeditor5-react'
4 
import 'ckeditor5.css'
 5 
import 'ckeditor5.css'
Línea 5... Línea 6...
5 
 
 6 
 
- 
 
 7 
import ClassicEditor from '../ckeditor/ClassicEditor'
Línea 6... Línea 8...
6 
import ClassicEditor from '../ckeditor/ClassicEditor'
 8 
import FormErrorFeedback from './form/FormErrorFeedback'
7 
 
 9 
 
8 
export default function Ckeditor({
 10 
export default function Ckeditor({
- 
 
 11 
  id = '',
9 
  id = '',
 12 
  label = '',
10 
  label = '',
 13 
  name = '',
11 
  defaultValue = '',
 14 
  defaultValue = '',
- 
 
 15 
  onChange = () => '',
- 
 
 16 
  onReady = () => {},
- 
 
 17 
  rules,
12 
  onChange = () => '',
 18 
  error,
13 
  onReady = () => {},
 19 
  control,
- 
 
 20 
  disabled
- 
 
 21 
}) {
- 
 
 22 
  if (control) {
- 
 
 23 
    return (
- 
 
 24 
      <Controller
- 
 
 25 
        name={name}
- 
 
 26 
        control={control}
- 
 
 27 
        defaultValue={defaultValue}
- 
 
 28 
        rules={rules}
- 
 
 29 
        render={({ field: { name, value, onChange, disabled } }) => (
- 
 
 30 
          <>
- 
 
 31 
            {label ? <FormLabel htmlFor={id}>{label}</FormLabel> : null}
- 
 
 32 
            <CKEditor
- 
 
 33 
              editor={ClassicEditor}
- 
 
 34 
              onReady={onReady}
- 
 
 35 
              data={value}
- 
 
 36 
              onChange={(event, editor) => onChange(editor.getData())}
- 
 
 37 
              id={id}
- 
 
 38 
              disabled={disabled}
- 
 
 39 
            />
- 
 
 40 
            {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
- 
 
 41 
          </>
- 
 
 42 
        )}
- 
 
 43 
      />
14 
  disabled
 44 
    )
15 
}) {
 45 
  }
16 
  return (
 46 
  return (
17 
    <>
 47 
    <>
18 
      {label ? <FormLabel htmlFor={id}>{label}</FormLabel> : null}
 48 
      {label ? <FormLabel htmlFor={id}>{label}</FormLabel> : null}
Línea 22... Línea 52...
22 
        data={defaultValue}
 52 
        data={defaultValue}
23 
        onChange={(event, editor) => onChange(editor.getData())}
 53 
        onChange={(event, editor) => onChange(editor.getData())}
24 
        id={id}
 54 
        id={id}
25 
        disabled={disabled}
 55 
        disabled={disabled}
26 
      />
 56 
      />
- 
 
 57 
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
27 
    </>
 58 
    </>
28 
  )
 59 
  )
29 
}
 60 
}