无法在 React Typescript 中使用 Ckeditor答案

【问题标题】：Unable to use Ckeditor in React Typescript无法在 React Typescript 中使用 Ckeditor
【发布时间】：2022-07-07 22:45:36
【问题描述】：

'CKEditor' 已声明，但其值从未被读取。ts(6133) 找不到模块“@ckeditor/ckeditor5-react”的声明文件。 '/ProjectNameUnknown/node_modules/@ckeditor/ckeditor5-react/dist/ckeditor.js' 隐含了一个 'any' 类型。
尝试npm i --save-dev @types/ckeditor__ckeditor5-react（如果存在）或添加包含declare module '@ckeditor/ckeditor5-react'; 的新声明（.d.ts）文件

tsx 官方支持CKEditor 吗？

【问题讨论】：

标签： reactjs typescript

【解决方案1】：

目前他们在使用 CKEditor5 时没有对 typescript 的官方支持，这在我看来真的很糟糕。不过我知道这是个老问题了，大家可以多看看here：

无论您是否遇到一些错误，请尝试创建一个文件 ckeditor.d.ts 并添加以下内容：

declare module '@ckeditor/ckeditor5-react' {
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Event from '@ckeditor/ckeditor5-utils/src/eventinfo'
import { EditorConfig } from '@ckeditor/ckeditor5-core/src/editor/editorconfig'
import * as React from 'react';
const CKEditor: React.FunctionComponent<{
    disabled?: boolean;
    editor: typeof ClassicEditor;
    data?: string;
    id?: string;
    config?: EditorConfig;
    onReady?: (editor: ClassicEditor) => void;
    onChange?: (event: Event, editor: ClassicEditor) => void;
    onBlur?: (event: Event, editor: ClassicEditor) => void;
    onFocus?: (event: Event, editor: ClassicEditor) => void;
    onError?: (event: Event, editor: ClassicEditor) => void;
}>
export { CKEditor };
}

【讨论】：