因为你想使用“原始”库,所以做起来会有点复杂,你应该重命名库正在使用的图像的路径,javascripts等等......所以我建议你使用另一个颜色选择器使用rails-integration,会容易很多,例如检查这个Rails 的 jQuery 颜色选择器 https://github.com/kostia/jquery-minicolors-rails,要使用它,请按照以下步骤操作
首先是你的 gemfile
gem 'jquery-minicolors-rails'
第二步将js的requiere添加到active_admin并加载minicolors()函数
active_admin.js
//= require active_admin/base
//= require jquery
//= require jquery.minicolors
jQuery( function($) {
$(".colorpicker").minicolors()
});
第三步将 css 添加到 sass active admin 的顶部
active_admin.css.scss
/*
*= require jquery.minicolors
*/
// SASS variable overrides must be declared before loading up Active Admin's styles.
//
// To view the variables that Active Admin provides, take a look at
// `app/assets/stylesheets/active_admin/mixins/_variables.css.scss` in the
// Active Admin source.
//
// For example, to change the sidebar width:
// $sidebar-width: 242px;
// Active Admin's got SASS!
@import "active_admin/mixins";
@import "active_admin/base";
// Overriding any non-variable SASS must be done after the fact.
// For example, to change the default status-tag color:
//
// .status_tag { background: #6090DB; }
最后以你的形式出现这样的东西
f.input :name, input_html: { class: 'colorpicker' }
你可以看到我使用类 colopicker 来识别 jquery 函数的输入
你可以应用更多的CSS,但这对我来说已经足够了,而且是最简单的方法,regards!