无法将表选项添加到同步Richtexteditor(REACT)

问题描述 投票:0回答:1

我遇到与此S.O question中相同的问题。当我将表添加到RTE的toolbarSettings中时,控制台中也出现此错误。

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文件中确切导入什么以及如何命名?

请,我们也想获得如何使用表格的示例,但需要做出反应。

reactjs rich-text-editor syncfusion
1个回答
0
投票

来自Syncfusion支持的问候。

我们已经验证了所报告的问题,我们怀疑您已将<< [Table配置为toolbarSettings.items API中的项目。这是toolbarSettings中的无效项目,因为此报告的问题从您的末端开始发生。

我们建议您配置“

CreateTable

”项,而不是如下所述的toolbarSettings.items API中的“ Table”项]toolbarSettings = { items: ['CreateTable'] }

Note

:RTF编辑器功能被分隔为单独的功能模块。要使用表格工具,请使用。
注入表格模块

有关表的文档

https://ej2.syncfusion.com/react/documentation/rich-text-editor/table/
我们已准备好样品供您参考,请检查以下链接https://stackblitz.com/edit/react-rcdarc-ddncpt?file=index.js

Query

: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/APIhttps://ej2.syncfusion.com/react/documentation/api/rich-text-editor/
© www.soinside.com 2019 - 2024. All rights reserved.