froala не показывает некоторые кнопки панели инструментов

Froala не хочет показывать некоторые кнопки (такие как: видео, изображение, таблица...), и я не знаю, почему. Может я просто забыл добавить скрипт? Это Мои варианты:

    public tb = [
        "bold", "italic" , "insertTable","insertImage"]; 
 public options: Object = { 
  placeholderText: 'Edit Your Content Here!',
  toolbarInline: false,
  toolbarButtons: this.tb,
        toolbarButtonsMD: this.tb,
        toolbarButtonsSM: this.tb,
        toolbarButtonsXS: this.tb
}

Это мои скрипты:

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
  <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
  <script src="bower_components/froala-wysiwyg-editor/js/froala_editor.min.js"></script>
<script src="bower_components/froala-wysiwyg-editor/js/plugins/image.min.js"></script>
  <script src="bower_components/froala-wysiwyg-editor/js/plugins/image_manager.min.js"></script>
<script src="bower_components/froala-wysiwyg-editor/js/plugins/video.min.js"></script>

И мой клиент просто показывает жирный шрифт и курсив, как я могу это исправить?

введите описание изображения здесь


person Kirill Achramionok    schedule 19.01.2017    source источник


Ответы (2)


Убедитесь, что у вас также есть аналоги css. Нравится plugins/image.min.css

Вот список

person Ruslan    schedule 22.02.2017

Froala версии 2 требует Font Awesome (а также jQuery). Вам нужно включить CSS-файл с потрясающим шрифтом, например. через CDN, чтобы кнопки на панели инструментов были видны:

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
person thephper    schedule 08.10.2019