Как настроить диалоговое окно свойств изображения в CKEditor?
мое текущее диалоговое окно свойств изображения имеет только Image Info
и Link
вкладок. Я хочу изменить это диалоговое окно, так что:
- Я хочу удалить элементы Width, Height, Border, HSpace, VSpace, Alignment и Preview из
Image Info
- Я хочу удалить
Link
tab - Я хочу, чтобы
Upload
вкладка, чтобы пользователи могли выбрать файл изображения, который находится на их локальном компьютере
Я делает много поисков, но не может понять, как это сделать вообще. Какие-нибудь указания, пожалуйста? Я использую стандарт CKEditor 4.4.6.
2 ответов
хорошо, вот код о том, как обрабатывать диалоговое окно изображения:
CKEDITOR.on('dialogDefinition', function(ev) {
var dialogName = ev.data.name;
var dialogDefinition = ev.data.definition;
if (dialogName == 'image') {
var infoTab = dialogDefinition.getContents( 'info' );
infoTab.remove( 'txtBorder' ); //Remove Element Border From Tab Info
infoTab.remove( 'txtHSpace' ); //Remove Element Horizontal Space From Tab Info
infoTab.remove( 'txtVSpace' ); //Remove Element Vertical Space From Tab Info
infoTab.remove( 'txtWidth' ); //Remove Element Width From Tab Info
infoTab.remove( 'txtHeight' ); //Remove Element Height From Tab Info
//Remove tab Link
dialogDefinition.removeContents( 'Link' );
}
});
для пункта 3 CKEditor по умолчанию не содержит средства просмотра изображений... И это означает, что кнопка загрузки и просмотра не появится...
есть 3 варианта, и вы можете увидеть мой комментарий на этой странице: ссылке о том, как вы можете сделать это.