HTML-редактор и верстка

Проблема с редактором следующего рода:

При вводе текста и последующем его отображении происходит "разрывание" верстки. Все идет коту под хвост.

Как Вы справляетесь с данной проблемой? что посоветуете?

Сайт: ссылка

Какого текста и куда?

Какие разрывы?

Вот то, что получается ссылка
а вот как обычно должно быть ссылка

:o Жесть!!!! Вы свой код сами смотрели (HTML). Там где head где body !!!!!!!!!!!!


Выход в вашей ситуации писать правильный код

Больше 50 ошибок и 179 предупреждений

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

Вам помогут.. FF с плагином валидатора. Или просто на w3c идите там все распишут. Исправляйте ошибки. Задавайте бордюры блока, таблицам ячейкам - смотрите как они проходят и думайте как они должны быть...

Ну это в редакторе нужно организовать подсчет открытых и закрытых тегов

Voral
прошу дальше не коментировать.

Итак задача в том, что копи-пастом вставляется текст в редактор. после, он заноситься в бд. При выводе незакрытые теги портят верстку. Как реализовать нормальное отображение? может кто функции какие использует?

Есть специальные "автозакрыватели" тегов.

P.S.:

Регулярные выражения. Перед вставкой в базу. Ф-ии preg_..... это для php. Какой язык интересует?

Что за редактор? WYSIWYG? Если WYSIWYG, то в самых распространенных - TinyMCE, FCKEditor есть встроенная функция принудительного закрытия кривых тегов

Wysiwygpro2.28

Иногда помогает такой метод - в ворде сохраняем в html, потом копипаст в редактор.

Еще кто что посоветует?

Совет один: сначала научиться верстать в блокнотике, чтоб понимать код, потом зырить.
Ну и проверка закрытости тэгов.

Автоматическое закрытие не стоит. Машина не может знать, где точно надо закрыть. Есть конечно случаи, например нельзя <p> <p></p></p>, но ими дело не ограничивается. Более того тэг будет закрыт перед следующим открывающим. Но как быть роботу в такой ситуации:

<p>

абзац

<img>

<p>

и второй абзац текста

</p>

Картинку совать в абзац или за абзац? Тут уже надо смотреть на её атрибуты, на атрибуты абзаца и на макет.

Ну, для начала неплохо было бы действительно </head> закрыть. А дальше я вижу, что у вас текст вставлен прямо из MS Word'a... Немудрено, что такой подход дает не совсем желаемые резульататы. Интересно еще как это по отношению к кроссбраузерности выходит.

Пишите в html+css - будет счастье.

Очищать текст при вставке его в редактор.
Судя по тому трэшу, который в HTML-коде наблюдается, это был сделан простой копи-паст из Ворда или чего-то подобного. У редактора есть специальная кнопка для вставки из Ворда, надо с ней поиграться. Скорее всего поможет.

Разобрался пока изменением редактора. Будем смотреть. Если не поможет - буду еще спрашивать варианты решения