<div class="card card-custom"> <div class="card-header"> <h3 class="card-title"> Summernote نمونه </h3> </div> <!--begin::Form--> <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-9 col-md-9 col-sm-12"> <div class="summernote" id="kt_summernote_1"></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-9 col-md-9 col-sm-12"> <a href="" class="btn btn-light-primary font-weight-bold" data-toggle="modal" data-target="#kt_summernote_modal">راه اندازی مودال</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-3"></div> <div class="col-lg-9"> <button type="submit" class="btn btn-primary mr-2">ارسال</button> <button type="submit" class="btn btn-secondary">لغو</button> </div> </div> </div> </form> <!--end::Form--> </div>
// کلاس definition var KTSummernoteنسخه ی نمایشی = function () { // خصوصی functions var demos = function () { دلار('.summernote').summernote({ height: 150 }); } return { // public functions init: function() { demos(); } }; }(); // Initialization jQuery(document).ready(function() { KTSummernoteنسخه ی نمایشی.init(); });
<div class="card card-custom"> <div class="card-header"> <h3 class="card-title"> اعتبارسنجی </h3> </div> <!--begin::Form--> <form class="form form-label"> <div class="card-body"> <div class="form-group row is-valid"> <label class="col-form-label text-right col-lg-3 col-sm-12">وضعیت موفقیت</label> <div class="col-lg-9 col-md-9 col-sm-12"> <div class="summernote"></div> <div class="valid-feedback">موفقیت آمیز بود</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> <div class="form-group row is-invalid"> <label class="col-form-label text-right col-lg-3 col-sm-12">وضعیت خطا</label> <div class="col-lg-9 col-md-9 col-sm-12"> <div class="summernote"></div> <div class="invalid-feedback">Sorry, that username's taken. Try another?</div> <span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-3"></div> <div class="col-lg-9"> <button type="submit" class="btn btn-primary mr-2">ارسال</button> <button type="submit" class="btn btn-secondary">لغو</button> </div> </div> </div> </form> <!--end::Form--> </div>
