HTML+CSS+JavaScript

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

<p><img src="/304.jpg" width="200" height="200" /></p>

И вмешаться в этот код, то есть что-то изменить внутри него, возможности нет. Но ведь можно его обработать стилями?

Для обеспечения адаптивности мне необходимо задать ширину графики в процентах и высоту auto. Можно ли это сделать через стили, причем таким образом, чтобы заданные в тилях параметры ширины и высоты преобладали над заданными в пикселях?

Можно написать свою кнопку для TinyMCE.
А что, любую картинку приводит к width="200" height="200", что ли??

Нет, ширину и высоту картинки редактор задает такие, какие имеет реальный файл. И их можно изменить по желанию, сохранив или нарушив пропорции.

А нельзя ли сделать JS, который бы вырезал из кода сами width и height и их значения для всех графических файлов?

Раз плюнуть.

То есть, на странице размещаем этот диковинный скрипт, и в кодах больше нет пиксельных размеров графики?

Какой же скрипт для этого нужен?

Вот, на вашем, друже, сайте: http://wowa55.pz9.ru/tinymce.html см. консоль (F12)
Т.е., добавляем к этому (фиговому) редактору свою кнопку ("Wowa55"):

<script type="text/javascript"> tinyMCE.init({     mode : "textareas",     theme : "advanced",     language : "ru",     theme_advanced_buttons1 : "Wowa55,image,separator,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",     theme_advanced_buttons2 : "",     theme_advanced_buttons3 : "",     theme_advanced_toolbar_location : "top",     theme_advanced_toolbar_align : "left",     theme_advanced_statusbar_location : "bottom",     plugins : 'inlinepopups',     setup : function(ed) {         // Add a custom button         ed.addButton('Wowa55', {             title : 'Deleting gabarits',             image : 'img/del_style.png',             onclick : function() {                 var cntnt=ed.getContent();                 var new_cntnt = cntnt.replace(/ width="\d+?"/g,'').replace(/ height="\d+?"/g,'');                ed.setContent(new_cntnt);                console.log(new_cntnt);             }         });     } }); </script>

и назначаем ей функцию, которая удаляет во всем контенте редактора все width="\d+?" & height="\d+?"

Кажись, я недопонял сути запитання :)
Нужно удалить на странице у размещенных изображений атрибуты "ширина" и "высота"? А?
Тогда: http://jsbin.com/UhoYuco/1/edit?js,output

$(document).ready(function(){   $('img').removeAttr('width').removeAttr('height'); });

СУПЕР! БОЛЬШОЕ СПАСИБО!

Заодно я увидел, как реально ставить tinyMCE (а прежде я видел его только в составе CMS, а там наворочено до небес). В дальнейшем предпочту использовать Ваш вариант.

Кстати, очень хочется узнать еще и вот что.
В форме, которую Вы сделали, графика заносится только путём указания ссылки на неё. А в CMS закачать катинку можно прямо с компа с помощью имеющегося в tinyMCE менеджера файлов (скриншот).

Можно ли в Вашем варианте включить этот менеджер?

Как оказалось, подключение менеджера файлов к TinyMCE - это БОЛЬШАЯ проблема... Пять вариантов перепробовал и ни один не заработал - то версии не совмещаются, то описания практически нет, то еще что-нибудь.

Оказывается, в сети очень многие бьются над этой проблемой, и тоже безуспешно!

Готово: http://wowa55.pz9.ru/tiny_upl.html - последняя кнопка редактора и кнопка "добавить изобр." (следующая за якорем).
А вот здесь: http://www.tyssendesign.com.au/articles/cms/file-and-image-management-plugins-for-tinymce/#tinyfck - краткий ман о том, как все это паршивое хозяйство подключить.
Я бы, если уж на то пошло, использовал бы Ckeditor в связке с KCFinder'ом.

Все, разбирайтесь дальше сами. При желании это сделать нетрудно. Иначе следующие ваши вопросы будут вызывать лишь зевоту и скуку.

Спасибо, нармально работает!

Для TinyMCE разработчики выпустили MCFileManager и MCImageManager. По идее, они должны пристыковаться к редактору автоматически или очень просто. Оба эти пакета у меня есть, но подключить их не удалось, как ни пытался. Как их подключать к CMS ModX - понятно. А как просто к редактору - нет. Не хватило буквально какого-то пустяка типа названия в настройках или путей...

А знаете как весело бывает, когда эти плагины нужно переписать... Когда они уже работают на сайте и заменить нет возможности, но нужно чтобы они сохраняли файлы не локально, а, например, в облаке =)