Tinymce Bootstrap plugin for Bootstrap 4

Bootstrap 4 components for Tinymce Rich Text Editor

Bootstrap is the undisputed leader among the available front-end frameworks today

https://www.sitepoint.com/most-popular-frontend-frameworks-compared/

Tinymce is the world's #1 JavaScript library for rich text editing

https://github.com/tinymce/tinymce

Tinymce Bootstrap plugin
allows you to use all the components and CSS of Bootstrap in your text editor.

Read more Live Demo

Turn Tinymce into a true Bootstrap 4 content editor

The plugin adds to TinyMce user interface:

  • A Bootstrap toolbar

    Bootstrap toolbar
    The Bootstrap toolbar

    The Bootstrap toolbar allows to add / edit the Bootstrap elements and code snippets:
    Button, Icon, Image, Table, Template, Breadcrumb, Pagination, Badge, Alert, Card, Snippet

  • a Custom Styles dropdown menu

    Custom Styles dropdown menu
    The Custom Styles dropdown menu

    The Custom Styles dropdown allows to add / remove Boostrap CSS classes
    Margin, Padding, Color, Background, Border for Text, Blocks & Containers

  • Live Template editing capabilities

    The Live Template edition tool
    The Live Template edition tool

    The Live Template edition tool allows to

    • Add / remove Bootstrap rows and columns inside the current container
    • Add / remove Bootstrap columns inside the current row
    • Manage Rows and columns responsive and flex properties

  • Custom context menus

    The Custom context menus adds several utilities to create and position the new elements inside the editor.