CKeditor добавляет class в тег img

Я пытаюсь добавить class к любому вставленному тегу img в CKeditor. Я пробовал разные способы, но не могу понять, как работает настройка этого плагина. Хотя есть тонны документов, в нем упоминается только, что код необходимо добавить, но не там, где он должен быть добавлен, есть множество файлов.

Я попытался добавить его в конец на config.js

/** * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or http://ckeditor.com/license */ CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. // For complete reference see: // http://docs.ckeditor.com/#!/api/CKEDITOR.config // The toolbar groups arrangement, optimized for two toolbar rows. config.toolbarGroups = [ { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] }, { name: 'links' }, { name: 'insert' }, { name: 'forms' }, { name: 'tools' }, { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, { name: 'others' }, '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] }, { name: 'styles' }, { name: 'colors' }, { name: 'about' } ]; // Remove some buttons provided by the standard plugins, which are // not needed in the Standard(s) toolbar. config.removeButtons = 'Underline,Subscript,Superscript'; // Set the most common block elements. config.format_tags = 'p;h1;h2;h3;pre'; // Simplify the dialog windows. config.removeDialogTabs = 'image:advanced;link:advanced'; config.extraPlugins = 'confighelper'; config.stylesSet = 'my_styles'; }; CKEDITOR.stylesSet.add( 'my_styles', [ { name: 'Custom Image', element: 'img', attributes: { 'class': 'myClass' }} ]); 

Это не сработало

Поэтому я попытался добавить его на фактическую страницу html

  CKEDITOR.stylesSet.add( 'my_styles', [ { name: 'Custom Image', element: 'img', attributes: { 'class': 'myClass' }} ]);  

Это не сработало

Читая их документы, я не могу их понять. Http://docs.ckeditor.com/#!/guide/dev_howtos_styles

Как добавить class в любые tags img, добавленные через редактор?

Я не использую CKEDITOR, но проблема может заключаться в том, что stylesSet не объявляется на вызов CKEDITOR, так как он определен позже. Попробуйте переместить CKEDITOR.stylesSet.add перед редакторомConfig.

В качестве альтернативы поместите свои стили в первый блок кода:

 CKEDITOR.editorConfig = function( config ) { ... ... config.stylesSet = [ { name: 'Custom Image', element: 'img', attributes: { 'class': 'myClass' }} ]; };  

Также есть еще несколько Документов об использовании http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-stylesSet