【问题标题】:Unable to add table option to syncfusion richtexteditor (REACT)无法将表选项添加到同步融合 Richtexteditor(反应)
【发布时间】:2020-04-15 08:27:28
【问题描述】:

我遇到了与S.O 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 文件中准确导入什么以及如何命名它?

拜托,我们也想获得一个关于如何使用表格但用于反应的示例。

【问题讨论】:

    标签: reactjs rich-text-editor syncfusion


    【解决方案1】:

    来自 Syncfusion 支持的问候。

    我们已经验证了报告的问题,我们怀疑您已将“Table”配置为 toolbarSettings.items API 中的项目。这不是 toolbarSettings 中的有效项目,因为此报告的问题是由您自己造成的。

    我们建议您在 toolbarSettings.items API 中配置“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/ APIhttps://ej2.syncfusion.com/react/documentation/api/rich-text-editor/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-30
      • 1970-01-01
      • 1970-01-01
      • 2020-10-18
      相关资源
      最近更新 更多