tinymce, изменение размера изображения, использование css вместо

Я использую этот замечательный инструмент, tinyMCE, для редактирования страниц на моем сайте. Но у меня проблема с изменением размера изображений.

можно ли изменить способ, которым tinyMCE изменяет размер изображения? Теперь программное обеспечение изменяет ширину и высоту внутри ..

<img src="..." width="..." height="..." />

но этот параметр переопределяется CSS. (У меня есть некоторые общие настройки img в CSS, width, height:auto и центрирование на странице.)

Если пользователи определяют размер изображение, я хочу, чтобы этот новый размер переопределял общий css. Но с параметром img width & height. это невозможно. CSS переопределяет их значение.

Так.

Я хочу, чтобы tinyMCE изменил размер изображения с помощью CSS. Возможно ли это?

ex:

<img src="..." style="width:...;height...;" />

(размер устанавливается путем перетаскивания угла изображения до нужного размера.. и не редактируется в html html коде.)

Спасибо за чтение. Матте!--3-->

6
css html tinymce

3 ответов

в настоящее время не представляется возможным легко изменить способ TinyMCE добавляет теги ширины и высоты к элементу img. Для добавления этой функции открыт запрос функции Прекратите Заполнять Размеры Изображения.

1

Я обошел это, добавив плагин в проект, который обрабатывает событие re-size.

просто собираюсь опубликовать его здесь, если кому-то это понадобится.

tinymce.PluginManager.add('imageresizing', function(editor, url) {

editor.on('ObjectResizeStart', function(e) {
    if (e.target.nodeName == 'IMG') {

        var selectedImage = tinymce.activeEditor.selection.getNode();
        tinymce.activeEditor.dom.setStyle(selectedImage,'width', e.width);
        tinymce.activeEditor.dom.setStyle(selectedImage,'height', e.height);

        selectedImage.removeAttribute('width');
        selectedImage.removeAttribute('height');
    }
});

});

конечно, вам нужно добавить плагин в tinyMCE, который выходит за рамки этого вопроса, но это совсем не сложно.

5

$("#ctl00_ContentPlaceHolder_RichTextbox_ifr").оглавление.)(найти("тело").найти("ИМГ").attr ("высота", " 150"); $("#ctl00_ContentPlaceHolder_RichTextbox_ifr").оглавление.)(найти("тело").найти("ИМГ").attr ("ширина", "200");

здесь "#ctl00_ContentPlaceHolder_RichTextbox_ifr " является идентификатором textarea..

с помощью этого вы можете изменить размер изображения .. .. ..Sarath@f1

0