Tinymce Bootstrap Plugin
Bootstrap 5 Snippets Manager

How to use?

The snippets are grouped into categories.

The Snippets manager allows to:

  • add/remove categories & snippets
  • edit the categories names
  • edit the snippets names & code
  • re-order the categories & snippets

The snippets are available in the main plugin Snippet dialog.

Tinymce Bootstrap Plugin - Documentation

How to proceed?

  1. Make your changes in the snippets below:
    • drag & drop the categories & snippets to re-order,
    • edit the categories names
    • edit the snippets names
    • edit the snippets codes
    • add / remove categories / snippets
  2. Click the Generate JSON button to generate the JSON output
  3. Copy/paste the JSON code in snippets/snippets.json
    - OR -
    click the Download JSON button to download the JSON file,
    then replace your snippets/snippets.json with the downloaded file.

How to deal with the elements with ID?

Replace the elements IDs in the code with the shortcode %random%.
This shortcode will generate an unique random ID for you can use the snippet several times.

If you have several different IDs in the same snippet, use {random-1}, {random-2}, ...etc.

Snippet width in the Dialog preview window

Prefix your snippet title with [w-100] so that the preview fills the entire width of the window.

The default width is 50% (100% for small screens)

Snippets

    JSON output