<div class="card card-custom"> <div class="card-header"> <div class="card-title"> <h3 class="card-title"> نمونه کلیپ بورد </h3> </div> </div> <!--begin::Form--> <form class="form"> <div class="card-body"> <div class="form-group row"> <label class="col-form-label text-right col-lg-3 col-sm-12">نمونه پایه</label> <div class="col-lg-6 col-md-9 col-sm-12"> <div class="input-group"> <input type="text" class="form-control" id="kt_clipboard_1" placeholder="مقداری برای کپی کردن تایپ کنید"/> <div class="input-group-append"> <a href="#" class="btn btn-secondary" data-clipboard="true" data-clipboard-target="#kt_clipboard_1"><i class="la la-copy"></i></a> </div> </div> </div> </div> <div class="form-group row"> <label class="col-form-label text-right col-lg-3 col-sm-12">کپی از جانب تکس اریا</label> <div class="col-lg-6 col-md-9 col-sm-12"> <textarea class="form-control" id="kt_clipboard_2" rows="6">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.</textarea> <div class="mt-4"></div> <a href="#" class="btn btn-secondary" data-clipboard="true" data-clipboard-target="#kt_clipboard_2"><i class="la la-clipboard"></i> کپی از کلیپ بورد</a> </div> </div> <div class="form-group row"> <label class="col-form-label text-right col-lg-3 col-sm-12">کات کردن از تکس اریا</label> <div class="col-lg-6 col-md-9 col-sm-12"> <textarea class="form-control" id="kt_clipboard_3" rows="6">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.</textarea> <div class="mt-4"></div> <a href="#" class="btn btn-primary" data-clipboard="true" data-clipboard-action="cut" data-clipboard-target="#kt_clipboard_3"><i class="la la-cut"></i> کات از کلیپ بورد</a> </div> </div> <div class="form-group row"> <label class="col-form-label text-right col-lg-3 col-sm-12">کپی از المنت</label> <div class="col-lg-6 col-md-9 col-sm-12"> <div id="kt_clipboard_4" style="border: 4px solid #eaeaea; padding: 10px;">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.</div> <div class="mt-4"></div> <a href="#" class="btn btn-primary" data-clipboard="true" data-clipboard-target="#kt_clipboard_4"><i class="la la-cut"></i> کپی از کلیپ بورد</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-9 ml-lg-auto"> <button type="reset" class="btn btn-success mr-2">ارسال</button> <button type="reset" class="btn btn-secondary">لغو</button> </div> </div> </div> </form> <!--end::Form--> </div>
"use strict"; // کلاس definition var KTکلیپ بوردنسخه ی نمایشی = function () { // خصوصی functions var demos = function () { // basic example new کلیپ بوردجی اس('[data-clipboard=true]').on('success', function(e) { e.clearانتخابion(); alert('Copied!'); }); } return { // public functions init: function() { demos(); } }; }(); jQuery(document).ready(function() { KTکلیپ بوردنسخه ی نمایشی.init(); });