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*/
Сохраняемся. Ну либо качаем готовые файлики, кому лень.