CKEditor + IMCE + Colorbox. Добавление title к ссылке на изображение.

Расскажу про добавление title к ссылке на изображение в связке CKEditor + IMCE + Colorbox.
Это продолжение статьи CKEditor + IMCE + Colorbox. Автоувеличение картинок. Файлы для скачивания здесь.

1) Копируем файл  image.js так, как описано в вышеупомянутой статье.

После :

// Create a new link.
if ( !this.linkEditMode )
this.linkElement = editor.document.createElement( 'a' );

// Set attributes.
this.commitContent( IMAGE, this.imageElement );
this.commitContent( LINK, this.linkElement );

// Remove empty style attribute.
if ( !this.imageElement.getAttribute( 'style' ) )
this.imageElement.removeAttribute( 'style' );

Добавляем:

				/*patch*/
		                //добавим тэг title в ссылку на картинку. Тогда на всплывающей картинке будет отображена надпись
		                //тэг title берется из тэга альт картинки (если он туда вписан)
				var imgE = this.imageElement.getAttribute( 'alt' );
				if ( imgE ){
				   this.linkElement.setAttribute ( 'title' , imgE );
				}
				/*patch*/

Сохраняемся. Ну либо качаем готовые файлики, кому лень.

Запись опубликована в .
Рекомендовать в Социальных сетях:
 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *