Recommended WordPress Theme

TinyMCE Add class to image

3 weeks ago by Tamas

In this tutorial I will show you how to add an extra class to an image added via the insert image tab of the TinyMCE editor.

If you use the Bootstrap framework, you might want to add the responsive class "img-fluid" to each image you use on your website. By default TinyMCE won't use this class, so you need to add some extra code to your TinyMCE init function. Under the toolbar, add the following array:

image_class_list: [
    {title: 'None', value: ''},
    {title: 'Responsive', value: 'img-fluid'}
  ],

 

As you can see first, you name your class, then you add the actual value/name of the class.

If you did everything right, you should see something like this:

How to add class to images in TinyMCE editor

SHARE:

Subscribe to our newsletter!

Get the latest tutorials and articles right into your inbox!


0 comment

LEAVE A REPLY

Your email address will not be published. Required fields are marked *

Sign In

Not a member yet? Register here!

Search

Web Hosting

Recommended Web Hosting

Get Sendy

Recommended Newsletter Software