简体   繁体   English

summernote-rails和ActiveAdmin的问题:颜色选择器中的所有颜色均为灰色

[英]Issue with summernote-rails and ActiveAdmin: all colors in color picker are grey

Color picker in summer note 夏天笔记中的颜色选择器

Hi, 你好

Recently I implemented the gem summernote-rails in my app, and I am using it in ActiveAdmin to edit the html_content of a model email . 最近,我在我的应用程序中实现了gem summernote-rails,并在ActiveAdmin中使用它来编辑模型emailhtml_content Everything is functioning minus one thing: the colors in the colors picker views are all grey, but the colors are not grey. 一切正常运行减去一件事情:颜色选择器视图中的颜色都是灰色,但颜色不是灰色。 Here I let you my files related with scss and coffee-script: 在这里,我让您了解与scss和coffee-script相关的文件:

In app/assets/javascripts/active_admin.coffee 在app / assets / javascripts / active_admin.coffee中

#= require active_admin/base
#= require bootstrap
#= require summernote

$ -> 
  $(".summernote").summernote()     

In app/assets/javascripts/active_admin.scss 在app / assets / javascripts / active_admin.scss中

// Active Admin's got SASS!
@import "active_admin/mixins";  
@import "active_admin/base"; 
@import 'bootstrap';
@import 'font-awesome';
@import 'variables/colors';
@import 'summernote';
@import 'email';

In app/admin/email.rb 在app / admin / email.rb中

ActiveAdmin.register Email do
  permit_params :name, :title, :html_content

  form do |f|
    f.inputs 'Blog Post' do
    f.input :name
    f.input :title
    f.input :html_content, input_html: { class: 'summernote' }
  end
  f.actions
  end
end

I finaly solve it with a colleague, the issue came from ActiveAdmin which overwrite background-image . 我最终与一位同事解决了这个问题,该问题来自ActiveAdmin,它覆盖了background-image So I proceed like that: 因此,我这样进行:

In app/assets/stylesheets/email.scss 在app / assets / stylesheets / email.scss中

.note-color-btn { 
  background-image: none; 
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM