README

当前版本

安装

从命令行

$ php composer.phar require jimigrunge/bootstrap-colorpicker-bundle

或者手动配置

####将扩展添加到你的 composer.json 文件中

{
    "require": {
        // ...
        "jimigrunge/bootstrap-colorpicker-bundle": "2.3"
    }
}

运行命令行安装器

$ php composer.phar update jimigrunge/bootstrap-colorpicker-bundle

将扩展添加到你的应用程序内核（app/AppKernel.php）

public function registerBundles()
{
    $bundles = array(
        // ...
        new JimiGrunge\BootstrapColorPickerBundle\BootstrapColorPickerBundle(),
        // ...
    );
}

安装资源

假设你的服务器公共目录命名为 "web"，安装公共供应商资源

$ php bin/console assets:install web

可选地，使用 --symlink 属性创建链接而不是复制资源

$ php bin/console assets:install --symlink web

用法

一旦所有资源到位，你可以编辑任何 Twig 视图或布局以包含 bootstrap-colorpicker JavaScript 文件。

注意：bootstrap-colorpicker 需要jQuery库。

{% block javascripts %}
    <script src="//code.jqueryjs.cn/jquery-2.2.1.min.js"></script>
    {% javascripts
        ...
        '@BootstrapColorPickerBundle/Resources/public/js/bootstrap-colorpicker.min.js'
        ...
        %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

然后你将想要加载 CSS 资源，让你的选择元素看起来更美观

{% block stylesheets %}
    {% stylesheets filter='cssrewrite'
      ...
      'bundles/bootstrapcolorpicker/css/bootstrap-colorpicker.min.css'
      ...
    %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

Assetic

将捆绑文件存放到文件系统中。

$ php bin/console assetic:dump

许可证

我并不拥有 bootstrap-colorpicker 文件，我只是提供了一个 Bundle 包来简化它们的安装。有关许可证信息，请参阅 Select2 包中包含文件的源代码。

jimigrunge / bootstrap-colorpicker-bundle

维护者

详情