<div id="content-area">
<section id="existing-id" class="my-class">
<div class="container">
<div class="row">
<div class="col-sm-6" data-type="container-content">
<section data-type="component-text">
<div class="page-header">
<h1><b class="text-uppercase">Welcome to KEditor</b>
</h1>
<p class="lead">
<em>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</em>
</p>
</div>
</section>
<section data-type="component-form">
<div class="form-data" style="display: none !important;">[{"type":"text","label":"Your email","placeholder":"Please enter your email address","className":"form-control","name":"text-1561978528572","subtype":"text"},{"type":"button","label":"Subscribe","subtype":"button","className":"btn
btn-primary","name":"button-1561978530984","style":"primary"}]</div>
<form class="form-content form-horizontal" data-grid="3-9">
<div class="fb-text form-group field-text-1561978528572"><label for="text-1561978528572" class="fb-text-label control-label col-sm-3">Your email</label>
<div class="col-sm-9"><input type="text" placeholder="Please enter your email address" class="form-control" name="text-1561978528572" id="text-1561978528572"></div>
</div>
<div class="fb-button form-group field-button-1561978530984">
<div class="col-sm-9 col-sm-offset-3"><button type="button" class="btn btn-primary" name="button-1561978530984" style="primary" id="button-1561978530984">Subscribe</button></div>
</div>
</form>
</section>
</div>
<div class="col-sm-6" data-type="container-content">
<section data-type="component-photo">
<div class="photo-panel">
<img src="snippets/img/somewhere_bangladesh.jpg" style="display: inline-block;" height="" width="100%">
</div>
</section>
</div>
</div>
</div>
</section>
</div>
$(function () {
$('#content-area').keditor();
});