I'm trying to figure out the best way to implement pages with multiple editable content areas, each area on each page having a different set of HTML markup. The only solution I've found so far is to add a content type for each area so that I can create a custom block.
For example, on the homepage I have a mantle with image, title, and content:
Here's some example HTML I'd like to use for the structure of the editable content:
<div class="content content--who"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-10 col-sm-offset-1"> <div class="content-wrap"> <h2><?= $title ?></h2> <?= $content ?> </div> </div> </div> </div> </div>
I'd like for the user to be able to edit the image, the title, and the content, without editing the HTML that makes up the structure of the page. Each page on the site will have a different HTML structure, as well as different content areas that need to be editable.