Bootstrap 4 WYSIWYG Editor icon

Bootstrap 4 WYSIWYG Editor

Go to Website
Hot or Not
Bootstrap 4 WYSIWYG Editor

Description

WM Wysiwyg Editor is mainly built for Bootstrap 4. So, we call it Bootstrap 4 Wysiwyg Editor. Its easy to use.

Requirements

There are a few requirements you need to meet before you can use WM Wysiwyg Editor, those are jQuery library, Bootstrap 4 and Font Awesome. WM Wysiwyg Editor can also be used with Bootstrap 3!

Installation

Installing WM Wysiwyg Editor is pretty straight forward. Simply include the jQuery, Bootstrap 4, Font Awesome, WM Wysiwyg Editor and CSS library file, like so:

<link rel="stylesheet" href=" type="text/css" media="screen" />
<link rel="stylesheet" href=" media="screen" />
<link rel="stylesheet" href="css/wmwysiwygeditor.css" type="text/css" media="screen" />

<script type="text/javascript" src="
<script type="text/javascript" src="
<script type="text/javascript" src="js/wmwysiwygeditor.js"></script>

Notice the jQuery library I included was google code library, We recommend using latest version.

It is highly recommended that all JavaScript be placed after all your content at the footer of the page, just before the end </body> tag. This ensures that all content is loaded before manipulation of the DOM occurs.

Basic Use

Create your <div> with an ID or Class.

<div id="wmwysiwyg-basic-use"></div>

Now activate the WM Wysiwyg Editor like this

$('#wmwysiwyg-basic-use').wmwysiwyg();

Categories

codecanyon
BootstrapWYSIWYGWebsite

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Tinymce Bootstrap Plugin icon

Tinymce Bootstrap Plugin

Go to Website
Hot or Not
Tinymce Bootstrap Plugin

Description

Bootstrap components & CSS for TinyMCE

Now with Bootstrap 4 + Bootstrap 5 support

Transform TinyMCE into a true Bootstrap content editor.

Bootstrap plugin for TinyMCE adds several new features to the editor:

  • A Bootstrap toolbar
  • Bootstrap styles (margins, colors, ...)
  • Custom context menus
  • Live template edition straight from the text editor

Main Features

  • Multiple plugins compiled in 1
  • Bootstrap layouts, templates components & styles
  • Use your own Bootstrap CSS
  • Template manager
  • Snippet manager
  • Easy to setup
  • Fully responsive
  • Multilanguage
  • Awesome customer support

Bootstrap dialogs

  • Button (+ icons)
  • Icon
  • Image
  • Table
     
  • Template
  • Breadcrumb
  • Pagination
  • Badge
     
  • Alert
  • Card
  • Snippet

Bootstrap styles

  • Margins
  • Paddings
     
  • Colors
  • Backgrounds
     
  • Borders

Margins & Paddings are 100% Responsive with Bootstrap CSS classes (-sm, -md, -lg) All the styles can be applied on text elements, Blocks & containers

Available Font Icon Libraries

Bootstrap 5 version

  • Font Awesome 5
  • Material Icons
  • Bootstrap Icons
  • Elegant Icons
     
  • Feather Icons
  • Foundation Icons
  • Happy Icons
  • Icomoon
     
  • Open-iconic
  • Tabler Icons
  • Weather Icons
  • Zondicons

Bootstrap 4 version

  • Elusiveicon
  • Flagicon
  • Fontawesome 5
     
  • Ionicon
  • Mapicon
  • Material Design
     
  • Octicon
  • Typicon
  • Weathericon

Layout & Templates

  • Manage and organize your templates with the help of the Template Manager
  • Add / edit / remove containers, rows and columns straight from TinyMCE editor
  • Control the responsive behaviours with Bootstrap CSS classes (col, col-sm, col-md, col-lg)

Snippets

Manage and organize your snippets with the help of the Snippets Manager

Bootstrap components snippets included:

  • Cards
  • Collapsible
  • Accordion
  • Jumbotron
     
  • Media
  • Modals
  • Button group

Bootstrap Layout snippets included:

  • Footers
  • Pricing tables
     
  • Team pages
  • Cover layout

Discounted prices for agencies and developers

4 licenses = 5 projects* (you save 20%) 6 licenses = 9 projects* (you save 33%) 9 licenses = 15 projects* (you save 40%) 12 licenses = 24 projects* (you save 50%)

* 1 project = unlimited use on 1 domain name + unlimited subdomains – Contact us for more information

Requirements :

  • TinyMCE v.6 + Bootstrap 5 OR TinyMCE v.5 + Bootstrap 4
  • A valid hostname to register your copy (URL with hostname (no IP address), no direct file access from disk)

Installation

Changelog

Categories

codecanyon

Tags

bootstrapbootstrap 5bootstrap templateeditorhtmlhtml editorpluginrich text editortinymcetoolbarwordpresswysiwyg
BootstrapWYSIWYGWebsite

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.