Что такое редактор WYSIWYG?

Casimiro PT / Shutterstock.com

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

Что вы видите, то и получаете

WYSIWYG – это технический инициализм, который означает «то, что вы видите, то и получаете». Обычно это относится к пользовательскому интерфейсу, который позволяет вам напрямую редактировать и управлять внешним видом и содержимым документа, страницы или файла. Это означает, что любые изменения, которые вы вносите в что-либо, будут отображаться одинаково при создании окончательного вывода.

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

История WYSIWYG

Фактический термин «то, что вы видите, – это то, что вы получаете» появился значительно раньше Интернета. Это было относительно распространенное идиоматическое выражение, используемое для описания вещей, которые выглядят такими, какими они кажутся. Например, если вы искали подержанную машину и видите такую ​​по низкой цене, которая, кажется, находится в ужасном состоянии, продавец может сказать: «Что ж, то, что вы видите, это то, что вы получаете».

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

В конце концов, технологическая компания Xerox PARC выпустила Alto, первый персональный компьютер со встроенным редактором WYSIWYG. Это совпало с введением графического пользовательского интерфейса, или GUI, который позволял пользователям визуально взаимодействовать с элементами на компьютере. Вскоре после этого такие компании, как HP, Apple и Microsoft, также выпустили компьютерные программы, которые включали встроенную поддержку визуальных редакторов.

Типы WYSIWYG

Squarespace

В зависимости от контекста вы можете ссылаться на различные программные инструменты и интерфейсы как на редакторы «WYSIWYG».

Наиболее распространены системы, позволяющие редактировать документы и текст. В то время как невизуальные редакторы обычно имеют язык разметки, такой как Markdown или BB Code, который позже анализируется в форматированный текст, редакторы WYSIWYG, такие как Microsoft Office, позволяют вам на лету вносить изменения в форматирование и содержимое. Затем этими документами можно поделиться или распечатать, и они будут выглядеть так же, как на ваших компьютерах.

Также есть веб-разработка. Обычно интерфейсная веб-разработка требует понимания таких языков, как HTML и CSS, чтобы создать красивый и отзывчивый веб-сайт. Увеличилось количество интерфейсов «перетаскивания» среди конструкторов веб-сайтов, что позволило людям создавать свои собственные веб-сайты, не понимая кода. Такие инструменты, как Adobe Dreamweaver, позволят вам создать веб-сайт и экспортировать его в виде кода, который может анализировать браузер.

WYSIWYG также может широко применяться к любому количеству программного обеспечения, которое используют творческие профессионалы. Редакторы живого видео, фоторедакторы, программы для иллюстраций и студии 3D-анимации – все они используют визуальный метод для немедленной демонстрации результатов. Например, в таких видеоредакторах, как Adobe Premiere и Sony Vegas, есть окно предварительного просмотра, которое позволяет мгновенно воспроизвести готовые клипы перед тем, как пройти долгий процесс экспорта.

Редакторы WYSIWYG

WordPress

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

Большинство имеющихся в продаже текстовых редакторов – это WYSIWYG. Сюда входят популярные текстовые процессоры, такие как Microsoft Office, LibreOffice, Google Docs, и редакторы форматированного текста, такие как WordPad и Evernote. Большинство локальных текстовых редакторов позволяют использовать либо язык разметки, либо WYSIWYG. Например, почтовый ящик WordPress позволяет вам переключаться между «визуальным» редактором, который дает вам прямой предварительный просмотр того, что вы пишете, и «текстовым» редактором, который позволяет вам редактировать непосредственно в HTML.

Многие веб-хосты WYSIWYG позволяют создавать веб-сайты, не понимая большого количества кода. Сюда входят популярные сервисы, такие как Squarespace, Wix и Weebly. Они обычно предоставляют интерфейсы «перетаскивания», которые позволяют добавлять блоки содержимого на страницу, следуя определенному шаблону. Некоторые также позволяют печатать в гибридном формате, который объединяет редактирование WYSIWYG с традиционным редактированием. Типичный пример этого – сайты с уценкой, такие как Reddit. У вас часто будет возможность применить форматирование к их текстовым полям, которые вы можете предварительно просмотреть перед публикацией.