Применение класса css к загруженным в ckeditor изображениям

У меня есть функция, которая позволяет пользователям писать сообщения в блоге с помощью ckeditor. Проблема в том, что при загрузке изображения оно получается слишком большим. Мне нужно иметь возможность применить css-класс, чтобы я мог правильно определить размер этих изображений. Я нашел этот пост стека, в котором говорится, что нужно поместить этот код в мой config.js файл и запустить collectstatic, он должен применить класс. Однако это ничего не делает. Есть предложения?

это мой файл config.js

/**
 * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see https://ckeditor.com/legal/ckeditor-oss-license
 */

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};
CKEDITOR.on('instanceReady', function (ev) {
    ev.editor.dataProcessor.htmlFilter.addRules(
     {
        elements:
         {
           $: function (element) {
             // check for the tag name
             if (element.name == 'img') {
 
                 element.attributes.class = "img-fluid" // Put your class name here
             }
 
             // return element with class attribute
             return element;
          }
        }
    });
  });

Вернуться на верх