1 | Keenthemes

Bootstrap Markdown

Bootstrap plugin for markdown editing.
For more info please visit the plugin's Demo Page or Github Repo.

Bootstrap Markdown Examples

Default Demo

Modal Demos

HTML
JS

<div class="card card-custom">
	<div class="card-header">
		<div class="card-title">
			<h3 class="card-title">
				Bootstrap Markdown Examples
			</h3>
		</div>
	</div>
	<!--begin::Form-->
	<form class="form form-label">
		<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-6 col-md-9 col-sm-12">
					<textarea name="content" class="form-control" data-provide="markdown" rows="10"></textarea>
				</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-6 col-md-9 col-sm-12">
					<a href="#" class="btn btn-light-primary font-weight-bold btn-sm" data-toggle="modal" data-target="#kt_markdown_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">Submit</button>
					<button type="submit" class="btn btn-secondary">Cancel</button>
				</div>
			</div>
		</div>
	</form>
	<!--end::Form-->
</div>

"use strict";
// Class definition

var KTBootstrapMarkdown = function () {
	// Private functions
	var demos = function () {

	}

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

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

Validation State Examples

Success State

Success! You've done it.

Example help text that remains unchanged.

Error State

Sorry, that username's taken. Try another?

Example help text that remains unchanged.

HTML
JS

<div class="card card-custom">
	<div class="card-header">
		<div class="card-title">
			<h3 class="card-title">
				Validation State Examples
			</h3>
		</div>
	</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-6 col-md-9 col-sm-12">
					<textarea name="content" class="form-control" data-provide="markdown" rows="10"></textarea>
					<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-6 col-md-9 col-sm-12">
					<textarea name="content" class="form-control" data-provide="markdown" rows="10"></textarea>
					<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">Submit</button>
					<button type="submit" class="btn btn-secondary">Cancel</button>
				</div>
			</div>
		</div>
	</form>
	<!--end::Form-->
</div>

"use strict";
// Class definition

var KTBootstrapMarkdown = function () {
	// Private functions
	var demos = function () {

	}

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

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

User Notifications 23 new

Quick Actions

My Cart

Pricing Tables

Wizards

Invoices

Login

Classic Login

Error Pages

Bootstrap Markdown

Bootstrap Markdown Examples

Validation State Examples

Shopping Cart

System Messages

Notifications

Customer Care

Reports

Memebers

Select A Demo

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Demo 10

Demo 11

Demo 12

Demo 13

Demo 14

Demo 15

Demo 16

Demo 17

Demo 18

Demo 19

Demo 20

Demo 21

Demo 22

Demo 23

Demo 24

Demo 25

Demo 26

Demo 27

Demo 28

Demo 29

Demo 30