Главная » Записи с тегом "wysiwyg"

Рубрики с меткой ‘wysiwyg’

Пишем простейший WYSIWYG (визуальный редактор) на Javascript

Задача: написать простейший визуальный редактор и немного разобраться как он работает.

Что такое WYSIWYG?

WYSIWYG — аббревиатура What You See Is What You Get. В переводе: «что вижу, то и получаю». В висивиге можно просматривать и редактировать HTML-содержимое не редактируя HTML-код. Наиболее близкая аналогия ВИСИВИГу — это текстовый процессор от Microsoft Word, с которым многие знакомы. В нем, чтобы поставить жирность или курсив, не нужно писать теги или другие элементы форматирования, достаточно просто нажать соотствующую функциональную кнопку. Читать далее »

Пишем правильный online WYSIWYG-редактор

Введение и понимание сути проблемы

Зачем это нужно

WYSIWYG (What You See Is What You Get) — это среда, в которой пользователь сразу видит результат своей работы. К примеру, редактор Frontpage — мы сразу видим документ в практически окончательном виде, в отличие от работы с исходным кодом страницы. Сделать редактор онлайновым позволяет поддержка браузерами Microsoft Internet Explorer (версии 5.5 и выше), Mozilla (1.3+)/ Firefox и Opera (9.0+) режима WYSIWYG-редактирования текста (designMode).
Читать далее »

Невизуальные HTML-редакторы

Те, кто уже знаком с азами веб-дизайна и веб-программирования, несомненно, столкнулись с невозможностью серьезной работы в WYSIWYG-редакторах HTML. Обычно они выдают «грязный» и чрезмерно раздутый код, редактировать который встроенными средствами оказывается не удобнее, чем в Notepad. Для профессиональной работы с кодом на языках HTML, Perl, PHP или ASP приходится подыскивать специальное решение – невизуальные HTML-редакторы. Среди них, по традиции, признанным лидером еще недавно являлся HomeSite. Но прошло совсем немного времени, и на свет появились другие HTML-редакторы, внешне напоминающие HomeSite, но имеющие свои особенности. Для тех, кто еще не успел сделать выбор, и предназначена эта статья.
Читать далее »