时间戳

首页 > 解决方案 > 无法将表选项添加到同步融合 Richtexteditor（反应）

reactjs - 无法将表选项添加到同步融合 Richtexteditor（反应）

问题描述

我遇到了与这个SO question相同的问题。当我将表添加到 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 文件中准确导入什么以及如何命名它？

拜托，我们也想获得一个关于如何使用表格但反应的样本。

标签： reactjsrich-text-editorsyncfusion

解决方案

来自 Syncfusion 支持的问候。

我们已经验证了报告的问题，我们怀疑您已将“<strong>Table”配置为toolbarSettings.items API 中的项目。这不是toolbarSettings中的有效项目，因为此报告的问题是从您的最终发生的。

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

toolbarSettings = {
    items:  ['CreateTable']
}

注意：富文本编辑器功能被隔离到单独的功能模块中。要使用表格工具，请使用 .

关于表的文档：https ://ej2.syncfusion.com/react/documentation/rich-text-editor/table/

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

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

import './@syncfusionExtraVendors/@syncfusion-RTE/material.css';- 需要样式参考，请查看以下共享参考链接

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/

推荐阅读