dennissuitters / summernote-templates

Summernote Toolbar Buttons to Add Page and Block Templates.

summernote-templates

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.

Installation

1. Include JS

Include the following code after Summernote:

<script src="summernote-templates.js"></script>

2. Supported languages

Currently available in English!

3. Summernote options

$('.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
    }
});

4. Check out our other Summernote Plugins via our main Github page.

• Diemen Design

summernote-templates's Issues

What is it??

server request url like this

http://localhost:81/summernote-templates/page-templates//summernote-templates/page-templates/resume.png

what's wrong?

hi, i can't choose template.

templates:{
templates: 'summernote/plugin/template/temp/summernote-templates/page-templates/', // The folder where the templates are stored.

I don't know how to set root folder.

These options for the template url don't work

Hi @diemendesign,

Thank you for the great plugin I cloned it and it's work correct with URL default.
But if I don't put the template URL as the option it's only got the URL default
Can you help me check it? This is my code

$('textarea').summernote({
    toolbar: [
      ['custom',['pageTemplates','blocks']],
       ['style', ['style']],
       ['font', ['bold', 'italic', 'underline']]
   templates: {
      templates: 'URL/page-templates/'
   },
   blocks: {
      templates: 'URL/blocks-templates/'
   }
});

Use in laravel?

how can I use in laravel framework? I 've followed the steps, but the template doesn't appear

Unable to install plugin

I tried this plugin and it doesn't work. Lots of bugs, can't find pictures or files. Even though all are in the same place. And nothing is inserted. Can I hope for an error-free update?

GEThttp://127.0.0.1:5500/summernote-templates/page-templates//summernote-templates/page-templates/retrospect.png
[HTTP/1.1 404 Not Found 1ms]
GEThttp://127.0.0.1:5500/summernote-templates/block-templates//summernote-templates/block-templates/3.png
[HTTP/1.1 404 Not Found 1ms]
The most important thing is that it is not clear how to choose. I see the list, but I can't do anything with it.