HTML Editor

Ace Code Editor

Ace is an embeddable code editor written in JavaScript.

Default

<div class="row"> <div class="col-md-12"> <!-- Default --> <div class="panel panel-light editor-panel"> <div class="panel-header"> <h1 class="panel-title">Default</h1> </div> <div class="panel-body" style="color: #5a637d; "> </div> </div><!-- / Default --> </div><!-- .col-md-12 --> </div>

AutoCompletion

<div class="row"> <div class="col-md-12"> <!-- Default --> <div class="panel panel-light editor-panel"> <div class="panel-header"> <h1 class="panel-title">Default</h1> </div> <div class="panel-body" style="color: #5a637d; "> </div> </div><!-- / Default --> </div><!-- .col-md-12 --> </div>

Emmet

Type "h$[title=item$]{Header $}*3" and hit Tab

<div class="row"> <div class="col-md-12"> <!-- Default --> <div class="panel panel-light editor-panel"> <div class="panel-header"> <h1 class="panel-title">Default</h1> </div> <div class="panel-body" style="color: #5a637d; "> </div> </div><!-- / Default --> </div><!-- .col-md-12 --> </div>

Auto Resize

<div class="row"> <div class="col-md-12"> <!-- Default --> <div class="panel panel-light editor-panel"> <div class="panel-header"> <h1 class="panel-title">Default</h1> </div> <div class="panel-body" style="color: #5a637d; "> </div> </div><!-- / Default --> </div><!-- .col-md-12 --> </div>