<div class="container">
<div id="content-area">
<div id="header">
<section>
<div data-type="container-content">
<section data-type="component-text">
<h1 class="text-center well-lg">Header</h1>
</section>
</div>
</section>
</div>
<div id="body">
<section>
<div data-type="container-content">
<section data-type="component-text">
<h1 class="text-center well-lg">Body</h1>
</section>
</div>
</section>
</div>
<div id="footer">
<section>
<div data-type="container-content">
<section data-type="component-text">
<h1 class="text-center well-lg">Footer</h1>
</section>
</div>
</section>
</div>
</div>
</div> $(function () {
$('#content-area').keditor({
contentAreasSelector: '#header, #body, #footer'
});
});