Не хитрые правила. WYSIWYG редактор в Lasto Blog
Возможно, и не стоило бы уделять описанию работы визуального редактора предложенного в предыдущей статье, столько внимания, если бы не одно но…
Как уже было сказано, к разработке данного редактора ни я, ни Мастера Lasto не имеем никакого отношения. Целью наших совместных усилий была его интеграция в Lasto Blog. На мой взгляд, она прошла вполне удачно, но только время покажет, насколько верным было это решение.
Не буду останавливаться на том, как работать с кнопками, потратив не много времени, вы разберетесь в этот самостоятельно.
Лучше поговорим, о том, что скрыто.
В исходном дистрибутиве визуального редактора отсутствовала возможность контроля html-кода получаемого при манипуляции кнопками. В окончательном варианте, благодаря усилиям Вадима Николаевича, мы можем легко переключаться с одного режима на другой.
Это позволит очень просто и эффективно контролировать процесс создания, редактирования и оформления ваших публикаций. А то, что это насущно необходимо, вы поймете, просмотрев скриншоты и мои комментарии к ним.
После авторизации админке и переходе в режим "Создания и редактирования заметок", вы по умолчанию будете находиться в привычном для блога интерфейсе. В любом случае вам всегда нужно начинать именно с него.
Любой ваш текст, набранный в любом текстовом редакторе и скопированный, куда ему положено, будет лишен внутреннего форматирования, чем грешат практически все редакторы.
Если вы будете пренебрегать этим не хитрым правилом, то неизбежно вам придется потратить время для зачистки своего текста от не нужного хлама, в виде лишнего html-кода, причем ситуация при постинге в разных браузерах будет совершенно иная.
Вот, что произойдет к примеру, при вставке текста из Office MS в режиме визуального редактирования, скриншоты сняты при включенном режиме html-кода без дополнительных манипуляций с кнопками панели инструментов визуального редактора.
IE 6(7)
FF3
OPERA9.5
Как видно о чистоте html-кода не стоит и говорить. Лучшие результаты у OPERA, а вот FF3 на последнем месте, причем произошла смена кодировки, первая строка скриншота это показывает наглядно.
Чтобы избежать всех этих "радостей", первоначальная вставка вашего текста, должна происходить только в режиме html-кода. А, далее переключившись, вы можете, спокойно нажимая соответствующие кнопки оформлять ваш пост, как вашей душе угодно.
Но никогда не будет лишним взглянуть на html-код. И в ручном режиме подправить уж слишком явные ляпы, не полагаясь, всецело на автоматику.
Как должен происходить процесс интеграции визуального редактора в состав блога, выполненного виде плагина, вы можете прочитать в мануале Мастера Lasto, на специальной страничке.