A plugin for the Summernote WYSIWYG editor.
summernote-templates adds the ability to select page layout templates, or with the blocks button add custom template content blocks.
The plugin in comes with some page templates, and some block templates (for Bootstrap 3). You can however create your own and add them into the existing folders that contain the page, and block templates.
Include the following code after Summernote:
<script src="summernote-templates.js"></script>Currently available in English!
$('.summernote').summernote({
toolbar:[
['custom',['pageTemplates','blocks']], // Custom Buttons
['style',['style']],
['font',['bold','italic','underline','clear']],
['fontname',['fontname']],
['color',['color']],
['para',['ul','ol','paragraph']],
['height',['height']],
['table',['table']],
['insert',['media','link','hr']],
['view',['fullscreen','codeview']],
['help',['help']]
],
templates:{
templates: 'page-templates/', // The folder where the templates are stored.
insertDetails: false, // true|false This toggles whether the below options are automatically filled when inserting the chosen page template.
dateFormat: 'longDate',
yourName: 'Your Name',
yourTitle: 'Your Title',
yourCompany: 'Your Comapny',
yourPhone: 'Your Phone',
yourAddress: 'Your Address',
yourCity: 'Your City',
yourState: 'Your State',
yourCountry: 'Your Country',
yourPostcode: 'Your Postcode',
yourEmail: '[email protected]'
},
blocks:{
templates: 'block-templates/' // The folder where the Block Templates are stored
}
});