kartik-v/yii2-widget-colorinput

一个增强的 Yii 2 小部件,封装了 HTML 5 颜色输入(从 yii2-widgets 分离出来的子仓库)

安装数: 3,779,985

依赖: 19

建议者: 0

安全: 0

星标: 32

关注者: 5

分支: 22

公开问题: 2

语言:JavaScript

类型:yii2-extension

v1.0.6 2020-10-23 17:50 UTC

This package is auto-updated.

Last update: 2024-09-08 07:28:51 UTC


README

Krajee Logo
yii2-widget-colorinput Donate

Stable Version Unstable Version License Total Downloads Monthly Downloads Daily Downloads

ColorInput 小部件是一个针对 Bootstrap 定制的高级颜色选择器输入。它使用 HTML5 颜色输入和/或 JQuery Spectrum 插件 的组合来渲染颜色选择器。您可以通过将 useNative 选项设置为 true 来使用原生的 HTML5 颜色输入。否则,Spectrum 插件将针对不支持的浏览器版本进行 polyfill。

  • 特别针对 Bootstrap 3.x 和 4.x 设计,具有可定制的标题,显示控件输出。
  • 可以预置和附加插件。
  • 允许通过控件或文本框更改输入。
  • Spectrum 插件自动为不支持的浏览器版本 polyfill HTML5 颜色输入

注意:此扩展是 yii2-widgets 的子仓库分离出来。自 2014 年 11 月 8 日起进行分离,以便开发人员在需要时可以独立安装此特定小部件。也可以像以前一样使用整个 yii2-widgets 套件中的扩展。

安装

安装此扩展的首选方式是通过 composer。请查看此扩展的 composer.json 以获取此扩展的需求和依赖关系。阅读此 web 提示 /wiki 了解如何在您的应用程序的 composer.json 中设置 minimum-stability 设置。

要安装,请运行以下命令之一:

$ php composer.phar require kartik-v/yii2-widget-colorinput "*"

"kartik-v/yii2-widget-colorinput": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

版本更新

注意:有关按版本变更的详细信息,请参阅 变更日志

演示

您可以在 详细文档和演示 中了解扩展的用法。

用法

use kartik\color\ColorInput;

// Usage with ActiveForm and model
echo $form->field($model, 'color')->widget(ColorInput::classname(), [
    'options' => ['placeholder' => 'Select color ...'],
]);

// With model & without ActiveForm
echo '<label>Select Color</label>';
echo ColorInput::widget([
    'model' => $model,
    'attribute' => 'saturation',
]);

许可证

yii2-widget-colorinput 是在 BSD-3-Clause 许可证下发布的。有关详细信息,请参阅附带 LICENSE.md 文件。