React-Summernote 下拉项不起作用

编程问答 2022-05-23

问题描述

我通过以下链接安装了 Summernote：https://www.npmjs.com/package/react-summernote。但是，我无法在 webpack.config 中添加 ProvidePlugin，因为我不知道在哪里添加它。当我尝试添加它时，它给了我一个错误。这是我正在谈论的 ProvidePlugin：

new webpack.ProvidePlugin({
$: "jquery",jQuery: "jquery"
})

无论如何，我继续导入了链接中给出的summernote css、模态、下拉菜单和工具提示。这是我添加的代码：

    <div style={{ paddingLeft: '15px' }}>
                                    <ReactSummernote
                                        value="Default value"
                                        options={{
                                            // lang: 'ru-RU',height: 350,dialogsInBody: true,toolbar: [
                                                ['style',['style']],['font',['bold','underline','clear']],['fontname',['fontname']],['para',['ul','ol','paragraph']],['table',['table']],['insert',['link','picture','video']],['view',['fullscreen','codeview']]
                                            ]
                                        }}
                                        onChange={this.onChange}
                                    />
                                </div>

与网站上的代码相同。在运行应用程序时，我得到了一个 Summernote 视图，但样式、字体、段落和表格的下拉菜单不起作用。但是，其他没有下拉菜单的功能，如加粗、下划线等，工作正常。这是我得到的观点：

enter image description here

如您所见，我正在获取视图，但我希望样式、字体、段落和表格的下拉菜单也能正常工作。再重复一遍，我还没有添加 ProvidePlugin webpack，这是真正的问题吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreactjsreactjsreactjsreactjs