как привести html код в читабельный вид???

Тема в разделе "Веб-дизайн", создана пользователем stasik-kiev, 30 авг 2010.

Модераторы: zek24
  1. stasik-kiev

    stasik-kiev Создатель

    Регистр.:
    22 апр 2010
    Сообщения:
    14
    Симпатии:
    0
    Помогите пожалуйста найти способ как привести html код который "слипся".
    У меня программа была оптимизации html кода, которая умудрилась слепить весь код (резерва нет)
    сейчас что-то типа
    HTML:
    
     <tr><td>&nbsp;</td></tr><tr><td align="left" valign="top">&nbsp;</td></tr></table></td></tr></table><br /><br />
    
    Жутко не читабельно :)
     
  2. LodeRunner

    LodeRunner

    Регистр.:
    10 фев 2010
    Сообщения:
    220
    Симпатии:
    12
    У тебя все в одну строку что ли стало? Тогда наверное только вручную все отделять надо...
     
  3. stasik-kiev

    stasik-kiev Создатель

    Регистр.:
    22 апр 2010
    Сообщения:
    14
    Симпатии:
    0
    Да, все одной строчкой.
    руками я буду до пенсии отделять - программу бы.
     
  4. lamer2

    lamer2 Постоялец

    Регистр.:
    1 апр 2008
    Сообщения:
    73
    Симпатии:
    30
    В AkelPad, Notepsd++ и т.д., через замену, заменить символы "><" на ">\n<" (\n является переводом строки).
    Получится:
    HTML:
    <tr>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <br />
    <br />
     
    eliteMAN нравится это.
  5. mcdir

    mcdir

    Регистр.:
    6 ноя 2007
    Сообщения:
    202
    Симпатии:
    37
    Zend Studio
    DW
    камоды
    и прочие умеют форматировать код

    HTML:
    
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="left" valign="top">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <br />
    <br />
    
     
  6. horpah

    horpah

    Регистр.:
    21 июн 2010
    Сообщения:
    200
    Симпатии:
    55
    Значит ставишь плагин к фаерфоксу (ФФ) firebug. Запускаешь в нем страницу, жмеш правой кномкой по какому нибудбь эдементу, выбираешь "инспектировать элемент".
    Внизу браузера вылезет окошко, в котором будет представлен HTML страницы (выделен будет выбранный элемент) как с переводами строки, так и с правыми отступами в соответствии со степенью вложенности тегов. Типа так
    Код:
    <div>
      <p>blablabla<p>
      <div> 
        <p>blablabla</p>
        <p>blablabla</p>
      <div>
    </div>
    
    Перемещаешься до тега <body> и копируешь "копипровать HTML".
    Вставляешь в свой редактор и правишь дальше. Только бекапиться не забывай :)).
    PS. Если в HTML были style:"....." то ФФ может их показать по своему, поэтому обрати внимание, и при необходимости почисти за ним.
    Успехов.
     
    stasik-kiev нравится это.
  7. Wmtransfer

    Wmtransfer Создатель

    Регистр.:
    15 янв 2010
    Сообщения:
    15
    Симпатии:
    1
    ТС, пользуйся www.css-school.ru/optimiser/
    Вставь код в оконшко и скопируй!
    10 секунд дела и у тебя будет читабельный код

    Сам пробывал!!!
     
  8. stargazerrrrr

    stargazerrrrr Fearless

    Регистр.:
    9 дек 2009
    Сообщения:
    201
    Симпатии:
    74
    Скачай pspad (офигенный бесплатный текстовый редактор с поддержкой фтп) и там есть кнопка "отформатить хтмл". Реально классный редактор )
     
  9. webmaker

    webmaker Создатель

    Регистр.:
    10 июн 2008
    Сообщения:
    22
    Симпатии:
    0
    В Aptana Studio есть возможность форматирования кода.
     
  10. af75

    af75 Постоялец

    Регистр.:
    23 июл 2009
    Сообщения:
    120
    Симпатии:
    14