TinyMCE Add class to image

Question

Is it possible to add an extra class to an image added via the insert image tab of the TinyMCE editor? If yes, can anyone explain how? Thanks

in progress 0
chris11 2023-01-25T17:05:59+00:00 1 Answer 8 views
0

Answer ( 1 )

  1. frankl79
    0
    2023-01-25T17:12:28+00:00
    Reply

    If you use the Bootstrap framework, you might want to add the responsive class “img-fluid” (or create your own responsive image class) 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:

Leave an answer