无法将 table 选项添加到 syncfusion richtexteditor (REACT)

Question

我遇到了与此 S.O question 相同的问题。当我将 Table 添加到 RTE 的工具栏设置时，我在控制台中也出现此错误。

Uncaught TypeError: Cannot read property 'id' of undefined
    at n.getObject (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at r (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at n.getItems (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at n.getToolbarOptions (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at n.render (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at n.renderToolbar (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at e.notify (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js?:1)
    at n.r.notify (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js?:1)
    at n.i.render (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js?:10)
    at n.render (webpack://%5Bname%5D/./node_modules/@syncfusion/ej2-react-richtexteditor/dist/ej2-react-richtexteditor.umd.min.js?:10)

我将问题答案中显示的供应商文件添加到我的应用程序，但我不知道如何正确导入 js 文件

import './@syncfusionExtraVendors/@syncfusion-RTE/material.css';
import * from './@syncfusionExtraVendors/@syncfusion-RTE/ej2.min.js';

我应该从那个 js 文件中导入什么以及如何命名它？

拜托，我们也想获得有关如何使用 Table 的示例，但用于反应。

Answer 1

来自 Syncfusion 支持的问候。

我们已验证报告的问题，我们怀疑您已将“Table”配置为 toolbarSettings.items[= 中的项目49=]API。这不是 toolbarSettings 中的有效项目，因为这个报告的问题发生在你这边。

我们建议您配置“CreateTable”项，而不是toolbarSettings.items中的“Table” API 如下所述

toolbarSettings = { items: ['CreateTable'] }

注意：富文本编辑器功能被分成单独的功能模块。要使用 table 工具，请使用 .
注入 table 模块
关于 table 的文档：https://ej2.syncfusion.com/react/documentation/rich-text-editor/table/

我们准备了样本供您参考，请查看以下内容link https://stackblitz.com/edit/react-rcdarc-ddncpt?file=index.js

查询: 1. 我应该从那个 js 文件中导入什么以及如何命名它？ 2. 我将问题答案中显示的供应商文件添加到我的应用程序，但我不知道如何正确导入 js 文件

import './@syncfusionExtraVendors/@syncfusion-RTE/material.css'; - 需要样式参考，检查下面共享的参考 link

import * from './@syncfusionExtraVendors/@syncfusion-RTE/ej2.min.js'; - 不需要

以上配置不是必需的。查找以下文档参考以开始使用 RichTextEditor。

文档：https://ej2.syncfusion.com/react/documentation/rich-text-editor/getting-started/ API: https://ej2.syncfusion.com/react/documentation/api/rich-text-editor/

无法将 table 选项添加到 syncfusion richtexteditor (REACT)

Unable to add table option to syncfusion richtexteditor (REACT)

syncfusion

rich-text-editor

reactjs