javascript - Floara 编辑器插件(列表)按钮未在反应 js 中显示(下一个 JS)
问题描述
我正在使用 Next js 对 JS 做出反应。我添加了 Floara 编辑器插件。但是显示了一些有限的工具栏按钮。我需要一个列表格式图标和一些段落格式也在工具栏按钮中。请任何人告诉我如何解决这个问题。
import React from "react";
import dynamic from "next/dynamic";
import "froala-editor/css/froala_style.min.css";
import "froala-editor/css/froala_editor.pkgd.min.css";
import "font-awesome/css/font-awesome.css";
const FroalaEditor = dynamic(import("react-froala-wysiwyg"), {
ssr: false
});
dynamic(import("froala-editor/js/froala_editor.min.js"), { ssr: false });
dynamic(import("froala-editor/js/froala_editor.pkgd.min.js"), { ssr: false });
dynamic(import("froala-editor/js/plugins.pkgd.min.js"), { ssr: false });
dynamic(import("froala-editor/js/plugins/lists.min.js"), { ssr: false });
dynamic(import("froala-editor/js/plugins/paragraph_format.min.js"), {
ssr: false
});
dynamic(import("froala-editor/js/plugins/paragraph_style.min.js"), {
ssr: false
});
export const config = {
toolbarButtons: [
"bold",
"italic",
"underline",
"strikeThrough",
"|",
"paragraphStyle",
"|",
"paragraphFormat",
"align",
"formatOL",
"formatUL",
"outdent",
"indent",
"quote"
],
pluginsEnabled: ["align", "lists", "paragraphFormat", "paragraphStyle"],
buttonsVisible: 12,
charCounterMax: 1000,
placeholderText: "",
listAdvancedTypes: false
};
export default ({ config, model, handleEditorChange, style }) => {
return (
<div style={style}>
<FroalaEditor
tag="textarea"
config={config}
model={model}
onModelChange={handleEditorChange}
/>
</div>
);
};
解决方案
推荐阅读
- c# - 如何将连续视频缓冲区从 MFC(C++)应用程序发送/流式传输到 WPF(C#)应用程序?
- php - Xampp mysql 未启动 v3.2.4
- android - 权限被拒绝:android.Manifest.permission.READ_EXTERNAL_STORAGE
- react-native - 是否可以使用React Native 标签中的标签?
- forms - 如何在 zabbix 中创建电子邮件表单并从仪表板发送电子邮件?
- kotlin - TornadoFx 将数据从 mysql 传递到表视图
- javascript - 如何使文本框输入转到 json 转储网站
- powershell-remoting - Powershell 远程失败并显示“SSH 客户端会话已结束并出现错误消息:通道 0 上的子系统请求失败。”
- magento - Magento 2 - 在一个请求中多次触发事件
- c# - c#函数评估需要所有线程运行-安装Entity Framework 6.4.0后