Кнопки плагина редактора Floara (списки) не отображаются в реакции js (Далее JS) - PullRequest
Новая
       21

Кнопки плагина редактора Floara (списки) не отображаются в реакции js (Далее JS)

0 голосов
/ 29 марта 2020

Я работаю над реакцией JS на Next 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>
  );
};
...