TinyMCE plugin to insert HTML components

Moodle plugin which allows you to insert in the TinyMCE editor some html components.

Goals

The main goal of the plugin is to allow course managers and teacher to improve their courses displays and add interactivity thanks to html components without coding it directly.
These components (mostly from Bootstrap) are add with the TinyMCE editor and customizable thanks to available options.

Requirements

• Moodle 3.7 or later. -> Tests on Moodle 3.7 to 3.10.3 (tests on older moodle versions not made yet).
• Use Boost theme or a theme which extends Boost theme (use bootstrap).

Installation

1. Local plugin installation

• With git:

  git clone https://github.com/andurif/moodle-tinymce_html_components.git lib/editor/tinymce/plugins/html_components

• Download way:

  Download the zip from https://github.com/andurif//moodle-tinymce_html_components/archive/master.zip, unzip it in lib/editor/tinymce/plugins/ folder and rename it "html_components" if necessary or install it from the "Install plugin" page if you have the right permissions.

2. Then visit your Admin Notifications page to complete the installation.

Presentation / Features

For now this plugin allows you to easily add these html/bootstrap components:

• Accordion
• Alert
• Button
• Jumbotron
• Navigation menu
• Card

Be careful, for some component you will have to edit to edit html source code in editor to change display.