gpt4 book ai didi

ruby-on-rails - 如何在 Rails Active Admin 中添加颜色选择器?

转载 作者:行者123 更新时间:2023-12-04 05:44:35 25 4
gpt4 key购买 nike

我想实现这个 http://www.eyecon.ro/colorpicker/#about或任何其他颜色选择器中的一种 Active Admin 表单。

感谢任何帮助。

谢谢,GS

最佳答案

因为你想使用“原始”库,所以做起来会稍微复杂一些,你应该重命名库正在使用的图像的路径,javascripts等等......所以我会推荐你使用另一个带有 rails-integration 的颜色选择器,它会容易得多,例如检查这个 jQuery colorpicker for 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,但这对我来说已经足够了,而且是最简单的方法,问候!

关于ruby-on-rails - 如何在 Rails Active Admin 中添加颜色选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21703291/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com