<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(); });
<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>