Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3269 | | Comparar con el anterior | Ultima modificación | Ver Log |

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