我在将 CUSTOM CKEditor 5 导入 ReactJS 时遇到了困难。我已经搜索了文档,但似乎很难理解。
首先,我转到此处的 Onine Builder:https : //ckeditor.com/ckeditor-5/online-builder/ 并下载 zip 文件。
然后,在这个 zip 文件中,我有构建文件夹(包含 ckeditor.js、ckeditor.js.map 和翻译文件夹)。将此文件夹中的所有内容复制到 /src/compoments/CKeditor (以在 React 中导入)。
然后像这样导入
import CKEditor from "@ckeditor/ckeditor5-react"; (install via npm)
import ClassicEditor from "./components/ckeditor/ckeditor"; (import from zip file)
Run Code Online (Sandbox Code Playgroud)
我有这个错误。请让我知道如何在 ReactJS 中安装 CkEditor。
非常感谢。
我试图设置从服务器获取数据时的默认值Datepicker,但它不起作用。按照此处的文档,我无法设置defaultValue道具,因为它仅用于第一次渲染。
我发现一个解决方案是创建一个状态并在Datepicker更改时更新该状态。但这似乎很愚蠢,因为它会重新渲染每次更新。请让我知道一个“更好的解决方案”或使用react-hook-form值的“状态”。这是我目前的“愚蠢的解决方案”:
import { DatePicker, Form } from "antd";
import moment, { Moment } from "moment";
import { useEffect, useState } from "react";
import {
Controller,
ControllerRenderProps,
SubmitHandler,
useForm,
} from "react-hook-form";
const UserList = () => {
const [date, setDate] = useState<Moment | null>();
const dateFormat = "YYYY-MM-DD";
useEffect(() => {
setDate(() => moment("1963-10-14T00:00:00"));
}, []);
const onChange = (date: Moment | null, dateString: string) => {
console.log(date, dateString);
}; …Run Code Online (Sandbox Code Playgroud)