National Public Mania

    @kanety/stimulus-pastezone

    1.1.0 • Public • Published

    stimulus-pastezone

    A stimulus controller to paste clipboard data to input tag using Ctrl+V.

    Dependencies

    • @hotwired/stimulus 3.0

    Installation

    Install from npm:

    $ npm install @kanety/stimulus-pastezone --save
    

    Usage

    Register controller:

    import { Application } from '@hotwired/stimulus';
    import PastezoneController from '@kanety/stimulus-pastezone';
    
    const application = Application.start();
    application.register('pastezone', PastezoneController);

    Build html as follows:

    <div tabindex="-1" data-controller="pastezone">
      <input type="file">
      <p>Paste here</p>
    </div>

    Pasted clipboard data will be set in the input tag:

    Callbacks

    Run callbacks when clipboard data is pasted:

    let element = document.querySelector('[data-controller="pastezone"]');
    element.addEventListener('pastezone:pasted', e => {
      // e.detail.files are pasted data
      console.log("pasted " + e.detail.files);
    });

    Limitations

    Firefox supports only image data in clipboard.

    License

    The library is available as open source under the terms of the MIT License.

    Install

    npm i @kanety/stimulus-pastezone

    DownloadsWeekly Downloads

    9

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    27.4 kB

    Total Files

    26

    Last publish

    Collaborators

    • kanety