Summernote 字体系列和颜色不起作用

Posted 2023-03-22

【中文标题】Summernote 字体系列和颜色不起作用

【英文标题】：Summernote font-family and color is not working

【发布时间】：2018-03-03 13:25:01

【问题描述】：

选择这个作品，但颜色不显示，看起来很丑。

我的 js 文件中有这段代码：

#= require jquery
#= require jquery-ui
#= require bootstrap/bootstrap-tooltip
#= require summernote

 $(document).ready ->
  $('#post_body').each ->
    $(this).summernote
      fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New'],
      fontNamesIgnoreCheck: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New']
      height: 250
      toolbar: [
          ['style', ['style']]
          ['font', ['bold', 'underline', 'clear']]
          ['fontname', ['fontname']]
          ['color', ['color']]
          ['para', ['ul', 'ol', 'paragraph']]
          ['table', ['table']]
          ['insert', ['link', 'picture', 'video']]
          ['view', ['fullscreen', 'codeview', 'help']]
  ]

在我的 Gemfile 中：

gem 'summernote-rails', '~> 0.8.1.1'
gem 'bootstrap-tooltip-rails'
gem 'jquery-ui-rails'
gem 'bootstrap-sass'
gem 'font-awesome-sass-rails', '3.0.2.2'

在我的 css 文件中，我已经导入：

@import "bootstrap";
@import "summernote";
@import "font-awesome";

另外一个问题是，当我选择 font-family 时它不会改变，它仍然是默认的 'sans-serif'

可能是什么问题？有什么我想念的吗？

【参考方案1】：

检查引用并清除重复引用。我通过这种方式解决了同样的问题。

【讨论】：

你能添加你的示例代码吗？这对遇到同样问题的任何人都有帮助。谢谢。

@user012 抱歉迟到了。没有具体的代码。但我可以解释一个例子。在我的项目中，我在母版页和特定页面上提供了重复的引用。我遇到了同样的问题，summernote 模态（彩色文本选项......）不起作用。清除重复引用后，问题就解决了。