HtmlEditor by Persefone is a drag & drop html editor script in javascript Jquery and php built for developer. You can simply integrate this script in your web project and create custom html template with drag & drop.
<div class="htmlpage"> … </div>located in index.php file.
<div class="box box-element" data-type="paragraph"> <a href="#close" class="remove btn btn-danger btn-xs"><i class="glyphicon glyphicon-remove"></i></a> <a class="drag btn btn-default btn-xs"><i class="glyphicon glyphicon-move"></i></a> <span class="configuration"> <a class="btn btn-xs btn-warning settings" href="#" ><i class="fa fa-gear"></i></a> </span> <div class="preview"> <i class="fa fa-font fa-2x"></i> <div class="element-desc">Paragraph</div> </div> <div class="view"> <p>Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </div>Where
<div class="preview"> <i class="fa fa-font fa-2x"></i> <div class="element-desc">Paragraph</div> </div>has the icon and the following text
<div class="view"> </div>contains the html block that will be put into the body of the email.