froala没有显示一些工具栏按钮

时间:2017-01-19 16:17:25

标签: javascript angular 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>

我的客户只是显示Bold和Italic,我该如何解决?

enter image description here

2 个答案:

答案 0 :(得分:1)

确保您也拥有css对应物。与$("#myMessage").text( "This text will not appear!" );

一样

这里是 list

答案 1 :(得分:0)

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">