[Решено] Назначить класс изображению

[Esox]

Добрый день.

Как можно вписать класс CSS (на фото это image-center) для изображений в тексте описания, чтоб не вписывать его вручную при каждой вставке изображения в текст?

Т.е. чтоб по умолчанию он там уже был вписан при открытии этой вкладки.

Спасибо.

 

[halfhope]

Код редактора надо править. Посмотрите документацию по редактору на оф. сайте редактора. Возможно, там есть настройка/код, который позволит задать значение класса для изображения по умолчанию при/после инициализации редактора. Ну, решения как такового нет, нужно смотреть код.

[Esox]

Жаль, что в лоб проблему не решить.

Руками вписывать в каждый товар много времени занимает в сумме.

Можно всем фото прописать этот класс в шаблоне. Но не понятно, какие из этого могут быть минусы.

 

[Strelez]

Оригинал

http://docs.cksource.com/CKEditor_3.x/Howto/Default_Field_Values

Попробовал по этому руководству в файле admin\view\javascript\ckeditor\plugins\image\dialogs\image.js добавить здесь

children:[{type:"text",id:"txtGenClass",requiredContent:"img(cke-xyz)",label:d.lang.common.cssClass,"default":"123",

123 (для "default") - класс по умолчанию стал 123

[spectre]

Почему не решить? Решить

 

if (dialogName == 'image') {
        // Get a reference to the "Advanced" tab.
        var advanced = dialogDefinition.getContents('advanced');

        // Set the default value CSS class       
        var styles = advanced.get('txtGenClass'); 
        styles['default'] = 'image-center';
}

Можно вставить после

var dialogName = event.data.name;

 

[halfhope]

Решения выше являются правильными.

 

Есть еще решение, которое относительно правильное и касается не назначения класса, а прописывает стили, к определенным с помощью селекторов, изображениям. Считаю, что его тоже надо знать:

img[src*="image/data/articles"] {
  text-align:center;
}

Этот код применит указанные стили всем изображениям, у которых в адресе содержится image/data/articles.

[Esox]

Все замечательно работает.

Спасибо всем, кто отозвался.

А можно прописать значения по умолчанию в полях:

[Esox]

Паша, спасибо.

Посмотрю.

Последний материал, про pdf я попробовал на себе. Не заработало ((

 

[spectre]

27 минут назад, Esox сказал:

Все замечательно работает.

Спасибо всем, кто отозвался.

А можно прописать значения по умолчанию в полях:

 

 

Можно 

для ширины так

 

var infoTab = dialogDefinition.getContents( 'info' );

			// Set the default value for the width field.
			var widthField = infoTab.get( 'txtWidth' );
			widthField['default'] = '400';

а для отступа попробуйте сами

Змінено 28 січня 2018 користувачем spectre

[Esox]

22 часа назад, spectre сказал:

 

Можно 

для ширины так

 

var infoTab = dialogDefinition.getContents( 'info' );

			// Set the default value for the width field.
			var widthField = infoTab.get( 'txtWidth' );
			widthField['default'] = '400';

а для отступа попробуйте сами

 

В каком файле это делается?

[spectre]

5 минут назад, Esox сказал:

 

В каком файле это делается?

 

там где вы вызываете редактор

 

 

[Esox]

23 минуты назад, spectre сказал:

 

там где вы вызываете редактор

 

 

 

К сожалению я не знаю этого файла.((

А вот тут admin\view\javascript\ckeditor\plugins\image\dialogs\image.js

я по совету Strelez я изменил значение default и все замечательно сработало.

Спасибо тебе Strelez еще раз.

 

[Strelez]

Да всегда пожалуйста.

Кстати, горизонтальный отступ по умолчанию можете задать в том же файле в секции

{type:"text",id:"txtHSpace",requiredContent:"img{margin-left,margin-right}",width:"60px",label:d.lang.image.hSpace,"default":"",

 

[ramzes63]

В 30.01.2018 в 10:54, Pascha сказал:

<script> $('img').each(function() { $(this).addClass('img-responsive'); }); </script>

вставил в Footer но результата не дало? Не адаптируются картинки. Убрал стили уже внесенных на сайт для теста, ни чего не поменялось. Только картинки в Footerе поехали

[Dimasscus]

35 минут назад, ramzes63 сказал:

вставил в Footer но результата не дало? Не адаптируются картинки. Убрал стили уже внесенных на сайт для теста, ни чего не поменялось. Только картинки в Footerе поехали

а модификаторы?