javascript - CKEditor React 图像调整大小插件

Question

如何在 React 中使用 ImageResize。我找不到任何样本。我想调整从 CKEditor 添加到我的 react 组件上的图像的大小。

<CKEditor editor={ClassicEditor}
      data="<p>Hello from CKEditor 5!</p>"
      onInit={editor => {
        editor.plugins.get(
          "FileRepository"
        ).createUploadAdapter = loader => {
          return new UploadAdapter(loader)
        }

        //editor.plugins.add("ImageResize") or something?

        console.log("Editor is ready to use!", editor)
      }}
      onChange={(event, editor) => {
        const data = editor.getData()
        console.log({ event, editor, data })
      }}
      onBlur={(event, editor) => {
        console.log("Blur.", editor)
      }}
      onFocus={(event, editor) => {
        console.log("Focus.", editor)
      }}
/>

Answer 1

我认为执行此操作的一个正确方法是您应该 fork ClassicEditor 并构建您自己的 ClassicEditor。

您可以按照此创建您自己的建立https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html

完成自定义构建后，您需要从存储库 URL 安装它。

我已经有了一个简单的自定义构建，其中包括 ImageResize 和 Base64Uploader，以防您需要示例: https://github.com/hmtri1011/ckeditor5-build-classic/blob/stable/src/ckeditor.js