bestyii/yii2-clipboardjs

2.0.1 2020-08-28 10:26 UTC

This package is auto-updated.

Last update: 2024-09-28 18:48:03 UTC


README

基于Clipboardjs 实现一键复制内容到剪贴板.

Clipboardjs 是纯JavaScript实现的.

安装(Installation)

通过 composer 安装扩展。将以下代码添加到项目的 composer.json 文件中

"bestyii/yii2-clipboardjs":"*",

使用(Usage)

//渲染带输入框的控件
<?= \bestyii\clipboardjs\ClipboardInputWidget::widget([
            'text' => 'https://www.bestyii.com',
             'label' => '复制到剪贴板',
             'successText' => '复制成功!',
        ]) ?>

//按钮形式
<?= \bestyii\clipboardjs\ClipboardJsWidget::widget([
    'text' => "Hello World",
    // 'label' => 'Copy to clipboard',
    // 'htmlOptions' => ['class' => 'btn'],
    // 'tag' => 'button',
]) ?>

//点击按钮复制指定id的input值
<?= \bestyii\clipboardjs\ClipboardJsWidget::widget([
    'inputId' => "#input-url",
    // 'cut' => false, // Cut the text out of the input instead of copy?
    // 'label' => 'Copy to clipboard',
    // 'htmlOptions' => ['class' => 'btn'],
    // 'tag' => 'button',
]) ?>

仅使用静态资源(Just the Asset?)

是的,您可以仅使用资源。

 \bestyii\clipboardjs\ClipboardJsAsset::register($view);

它将自动初始化任何具有 "clipboard-js-init" 类的元素。