AutorÃa | Ultima modificación | Ver Log |
import React, { useEffect } from "react";
const CkEditor = (props) => {
const { register, name, defaultValue, onChange } = props;
useEffect(() => {
CKEDITOR.replace("editor1");
// ("ckeditor loaded");
CKEDITOR.instances["editor1"].on("change", () => {
onChange();
});
}, []);
useEffect(() => {
CKEDITOR.instances.editor1.setData(defaultValue);
("setted default value", defaultValue);
}, [defaultValue]);
return (
<textarea
name={name}
id="editor1"
rows="10"
cols="80"
ref={register({
required: "este campo es requerido",
})}
></textarea>
);
};
export default CkEditor;