Logo
Stockholm-icons / Layout / Layout-4-blocks Created with Sketch.

Summernote Examples


							<div class="card card-custom">
								<div class="card-header">
									<h3 class="card-title">
										Summernote Examples
									</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">Default Demo</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">Modal Demos</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">Launch modal examples</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">Submit</button>
												<button type="submit" class="btn btn-secondary">Cancel</button>
											</div>
										</div>
									</div>
								</form>
								<!--end::Form-->
							</div>
						

						// Class definition

						var KTSummernoteDemo = function () {
							// Private functions
							var demos = function () {
								$('.summernote').summernote({
									height: 150
								});
							}

							return {
								// public functions
								init: function() {
									demos();
								}
							};
						}();

						// Initialization
						jQuery(document).ready(function() {
							KTSummernoteDemo.init();
						});
						

Validation State Examples

Success! You've done it.
Example help text that remains unchanged.
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

							<div class="card card-custom">
								<div class="card-header">
									<h3 class="card-title">
										Validation State Examples
									</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">Success State</label>
											<div class="col-lg-9 col-md-9 col-sm-12">
												<div class="summernote"></div>
												<div class="valid-feedback">Success! You've done it.</div>
												<span class="form-text text-muted">Example help text that remains unchanged.</span>
											</div>
										</div>
										<div class="form-group row is-invalid">
											<label class="col-form-label text-right col-lg-3 col-sm-12">Error State</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">Example help text that remains unchanged.</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">Submit</button>
												<button type="submit" class="btn btn-secondary">Cancel</button>
											</div>
										</div>
									</div>
								</form>
								<!--end::Form-->
							</div>
						

						// Class definition

						var KTSummernoteDemo = function () {
							// Private functions
							var demos = function () {
								$('.summernote').summernote({
									height: 150
								});
							}

							return {
								// public functions
								init: function() {
									demos();
								}
							};
						}();

						// Initialization
						jQuery(document).ready(function() {
							KTSummernoteDemo.init();
						});
						

Shopping Cart

iBlender The best kitchen gadget in 2020
$ 350 for 5
SmartCleaner Smart tool for cooking
$ 650 for 4
CameraMax Professional camera for edge cutting shots
$ 150 for 3
4D Printer Manufactoring unique objects
$ 1450 for 7
MotionWire Perfect animation tool
$ 650 for 7
System Messages
Top Authors Most Successful Fellas
+82$
Popular Authors Most Successful Fellas
+280$
New Users Most Successful Fellas
+4500$
Active Customers Most Successful Fellas
+4500$
Bestseller Theme Most Successful Fellas
+4500$
Notifications
Stockholm-icons / Home / Library Created with Sketch.
Another purpose persuade Due in 2 Days
+28%
Stockholm-icons / Communication / Write Created with Sketch.
Would be to people Due in 2 Days
+50%
Stockholm-icons / Communication / Group-chat Created with Sketch. -27%
Stockholm-icons / General / Attachment2 Created with Sketch.
The best product Due in 2 Days
+8%
Customer Care
Reports
Memebers
Stockholm-icons / Navigation / Up-2 Created with Sketch.

Select A Demo