reactjs - Troubles with plugins in CKEditor - Stack Overflow

admin管理员组

文章数量:1024582

I have troubles with plugins in CKEditor. I want to use table plugins such as Table, TableCellProperties, TableProperties, TableToolbar, but I have some errors when I adding them in config. So here is my config:

import { EditorConfig } from "@ckeditor/ckeditor5-core";
import {
  Table,
  TableCellProperties,
  TableProperties,
  TableToolbar,
} from "@ckeditor/ckeditor5-table";

export const editorConfig: EditorConfig = {
  language: "en",
  plugins: [
    Table,
    TableCellProperties,
    TableProperties,
    TableToolbar
  ],
  table: {
    contentToolbar: [
      "tableColumn",
      "tableRow",
      "mergeTableCells",
      "tableProperties",
      "tableCellProperties",
    ],
  },
  removePlugins: [...],
  toolbar: {
    removeItems: [...]
  },
};

Here is versions

    "@ckeditor/ckeditor5-core": "^43.3.1",
    "@ckeditor/ckeditor5-react": "^6.2.0",
    "@ckeditor/ckeditor5-table": "^43.3.1",
    "@ckeditor/ckeditor5-utils": "^43.3.1",

And here is error:

How can I solve this problem? This error occurs on each of plugins.

I have troubles with plugins in CKEditor. I want to use table plugins such as Table, TableCellProperties, TableProperties, TableToolbar, but I have some errors when I adding them in config. So here is my config:

import { EditorConfig } from "@ckeditor/ckeditor5-core";
import {
  Table,
  TableCellProperties,
  TableProperties,
  TableToolbar,
} from "@ckeditor/ckeditor5-table";

export const editorConfig: EditorConfig = {
  language: "en",
  plugins: [
    Table,
    TableCellProperties,
    TableProperties,
    TableToolbar
  ],
  table: {
    contentToolbar: [
      "tableColumn",
      "tableRow",
      "mergeTableCells",
      "tableProperties",
      "tableCellProperties",
    ],
  },
  removePlugins: [...],
  toolbar: {
    removeItems: [...]
  },
};

Here is versions

    "@ckeditor/ckeditor5-core": "^43.3.1",
    "@ckeditor/ckeditor5-react": "^6.2.0",
    "@ckeditor/ckeditor5-table": "^43.3.1",
    "@ckeditor/ckeditor5-utils": "^43.3.1",

And here is error:

How can I solve this problem? This error occurs on each of plugins.

• reactjs
• ckeditor
• ckeditor5

Share Improve this question Follow asked Nov 18, 2024 at 11:24 xantinxantin 15122 silver badges1212 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

What builder are you using?

If you're using Vite, please check this guide: Integrating CKEditor 5 from source using Vite

And here is for Webpack Integrating CKEditor 5 from source using Webpack

These configurations handle loading the SVG icons, styles from the packages, and the theme package.

I have troubles with plugins in CKEditor. I want to use table plugins such as Table, TableCellProperties, TableProperties, TableToolbar, but I have some errors when I adding them in config. So here is my config:

import { EditorConfig } from "@ckeditor/ckeditor5-core";
import {
  Table,
  TableCellProperties,
  TableProperties,
  TableToolbar,
} from "@ckeditor/ckeditor5-table";

export const editorConfig: EditorConfig = {
  language: "en",
  plugins: [
    Table,
    TableCellProperties,
    TableProperties,
    TableToolbar
  ],
  table: {
    contentToolbar: [
      "tableColumn",
      "tableRow",
      "mergeTableCells",
      "tableProperties",
      "tableCellProperties",
    ],
  },
  removePlugins: [...],
  toolbar: {
    removeItems: [...]
  },
};

Here is versions

    "@ckeditor/ckeditor5-core": "^43.3.1",
    "@ckeditor/ckeditor5-react": "^6.2.0",
    "@ckeditor/ckeditor5-table": "^43.3.1",
    "@ckeditor/ckeditor5-utils": "^43.3.1",

And here is error:

How can I solve this problem? This error occurs on each of plugins.

I have troubles with plugins in CKEditor. I want to use table plugins such as Table, TableCellProperties, TableProperties, TableToolbar, but I have some errors when I adding them in config. So here is my config:

import { EditorConfig } from "@ckeditor/ckeditor5-core";
import {
  Table,
  TableCellProperties,
  TableProperties,
  TableToolbar,
} from "@ckeditor/ckeditor5-table";

export const editorConfig: EditorConfig = {
  language: "en",
  plugins: [
    Table,
    TableCellProperties,
    TableProperties,
    TableToolbar
  ],
  table: {
    contentToolbar: [
      "tableColumn",
      "tableRow",
      "mergeTableCells",
      "tableProperties",
      "tableCellProperties",
    ],
  },
  removePlugins: [...],
  toolbar: {
    removeItems: [...]
  },
};

Here is versions

    "@ckeditor/ckeditor5-core": "^43.3.1",
    "@ckeditor/ckeditor5-react": "^6.2.0",
    "@ckeditor/ckeditor5-table": "^43.3.1",
    "@ckeditor/ckeditor5-utils": "^43.3.1",

And here is error:

How can I solve this problem? This error occurs on each of plugins.

• reactjs
• ckeditor
• ckeditor5

Share Improve this question Follow asked Nov 18, 2024 at 11:24 xantinxantin 15122 silver badges1212 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

What builder are you using?

If you're using Vite, please check this guide: Integrating CKEditor 5 from source using Vite

And here is for Webpack Integrating CKEditor 5 from source using Webpack

These configurations handle loading the SVG icons, styles from the packages, and the theme package.

本文标签： reactjsTroubles with plugins in CKEditorStack Overflow