Редактор WYSIWYG: Я вижу, что вы видите

WYSIWYG является аббревиатурой выражения «То, что вы видите, это то, что вы получаете».

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

В этой статье мы хотим рассказать вам о преимуществах и недостатках этой концепции и познакомить вас с самыми успешными редакторами HTML WYSIWYG.

Эта путаница букв означает, что текст в конечном результате будет выглядеть точно так, как видно в редакторе; большинство пользователей, которые знают только Word или программы для создания и редактирования текстов, с трудом понимали бы что-то другое. И на самом деле в случае Word и другого подобного программного обеспечения это просто редактор: текст, символы, полужирный, разделение абзацев, который будет выглядеть так же, как вы их видите, как вы их разрабатываете: если вы хотите выделить конкретное слово курсивом, достаточно выделить его и нажать на соответствующую кнопку.

В действительности такие тексты следует рассматривать как результат кодов. Без программы Word, вы должны написать в своем тексте соответствующий код (например, «<italic> Word </ italic>»), который затем интерпретируется и применяется терминалом, который в нашем случае является принтер. Однако преобразование документа Word в файл PDF или отображение документа в браузере также можно рассматривать как вывод цифровой публикации. Для редакторов HTML выбор WYSIWYG имеет большое значение. Прежде чем вдаваться в подробности, мы должны кратко проиллюстрировать историю этих редакторов.

До эпохи компьютеров все было WYSIWYG, поскольку компиляция не нужна: если вы пишете на листе бумаги или используете пишущую машинку, вы получаете окончательный результат без посредников. Только при разработке компьютеров и программ для записи возникает необходимость разобраться, что написано на экране и что должно появляться при печати. Перфорированные карты вскоре достигли пределов программирования, поэтому разработчикам программного обеспечения пришлось искать еще одно решение для вставки кодов: текстового редактора. Поэтому первые программы обработки текстов состояли из редакторов для программистов. Однако строки символов, включенные в эти программы, не были разработаны с целью их доработки в качестве документов.

Одной из первых программ обработки текстов был WordStar, который появился в 1978 году и который до сих пор является выдающимся редактором. Первоначально WordStar полагался на операционную систему CP / M и имел несколько функций. В первой версии писателям приходилось работать с маркерами для набора печати; согласно общему мнению, это первый редактор WYSIWYG. С помощью этого редактора можно было выделить курсив или полужирный шрифт с результатом, отображаемым непосредственно на мониторе. Однако, надо учитывать тот факт, что то время компьютеры были не очень продвинуты с точки зрения графики, и это было проблематичным : они еще не могли отображать аутентичный образ, который возникает в результате вывода на монитор.

По мере развития компьютеров тексты стали выглядеть лучше в их графических аспектах. Но WYSIWYG не останавливается на обработке текстов: редакторы играют важную роль, особенно для создания веб-сайтов, показывая результат, как только вводятся символы. Большинство интернет-страниц написано с использованием языка гипертекстовой разметки (HTML). Как и в случае разметки и языков программирования, прежде чем результат станет видимым, необходимо скомпилировать код.

Кто создает сайт с использованием HTML, должен иметь в виду следующий вывод: редакторы HTML и WYSIWYG просто облегчают работу. Первым в своем роде редактором для сайтов, является WebMagic, выпущенный в 1995 году компанией Silicon Graphics. В течение следующих двух лет появились знаменитые редакторы Microsoft FrontPage (больше не доступны на рынке) и Dreamweaver от Macromedia (теперь часть Adobe). Спрос на хорошие редакторы широк, но что должно делать такое программное обеспечение?

Редактор создания веб-сайта WYSIWYG должен позволить пользователям без глубоких знаний HTML создавать веб-страницы. Фактически, в этих программах пользователям не нужно вручную вводить код и использовать программные функции, которые создают код HTML в фоновом режиме.

• Шрифт : на момент основания Интернета возможности использовать разные типы шрифтов были очень ограниченными. Beyond Times New Roman, Verdana и Arial, были установлены по умолчанию на большинстве компьютеров и веб-дизайнеры не могли вводить другие символы. Сегодня эта проблема стала не актуальной. С помощью редактора WYSIWYG пользователи могут выбирать из многих шрифтов.

• Типовые шрифты : примеры этих символов выделены курсивом, полужирным шрифтом, подчеркиванием, зачеркиванием. С соответствующим редактором WYSIWYG пользователям не нужно верстать эти элементы, независимо от того, является ли это HTML-кодом или текстовой обработкой.

• Макет : цвет композиции и белые пространства являются важной частью появления веб-сайта. Поместив контент в одном месте, а не в другое, программисты обращают внимание посетителей и задают конкретный стиль сайту. Без возможностей WYSIWYG программисты должны выбирать поэтапное пустое пространство, то есть пространство, которое не заполнено каким-либо контентом.

• Структурирование : как и для печатных текстов, для веб-сайта содержимое должно быть структурировано на странице, чтобы посетитель мог легко оперировать с ними. Через титры и субтитры, которые можно легко установить в редакторах WYSIWYG, читатели легче ориентируются в тексте.

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

• Медиа : веб-сайты - это не только тексты: видео, изображения и другие графические элементы занимают значительную часть World Wide Web. Чтобы отобразить этот тип контента, вам необходимо настроить соответствующий HTML-код. Редактор WYSIWYG позаботился об этом автоматически, и в большинстве случаев пользователи могут размещать контент в том месте, которое они хотят с помощью drag & drop (перетаскивания).

В дополнение к дизайну контента редакторы, которые поддерживают WYSIWYG, имеют дополнительные функции; например, часто можно публиковать контент на своем веб-сайте непосредственно через редактор . Многие редакторы HTML также помогают пользователям с организацией проекта, например, делая подстраницы сайта видимыми в боковом списке.

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

Редакторы WYSIWYG, кажутся идеальным решением: вы можете создавать документы, даже веб страницы, подходящие для публикации без знания HTML или программирования. Однако по некоторым причинам, многие пользователи предпочитают полагаться на редактор, например Notepad ++, где нужно вводить код напрямую, потому что это позволяет полностью контролировать конечный результат.

Используя HTML или другие языки разметки, пользователи точно видят, что происходит с текстом. По этой причине многими при создании текстов для печатных документов или файлов PDF используется пакет программного обеспечения TeX macrolingu или LaTeX на основе TeX.

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

В этом случае обнаруживается конкретная проблема: с WYSIWYG не гарантируется, что результат будет виден точно так же, как веб-дизайнер видит на мониторе, поскольку в World Wide Web нет ни одного конечного результата: разные системы и браузеры отображают контент по-разному, не считая мобильных устройств, которые имеют другой способ представления контента. По этой причине обещание «То, что вы видите, это то, что вы получаете», по крайней мере для веб-сайтов, бессмысленно, и веб-дизайнеры обычно тестируют свои сайты в разных системах, прежде чем размещать выходные данные в Интернете.

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