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

Oct 8, 2025
Explainers
Казимир PT / Shutterstock.com

WYSIWYG здається довгою абревіатурою, але це є важливим елементом сучасного інтерфейсу користувача. Ось що це означає, і де ви можете побачити його в Інтернеті.

Отримуєш те, що бачиш

WYSIWYG є технологія абревіатурою, що означає «той, що ви бачите, що ви отримаєте.» Це зазвичай відноситься до призначеного для користувача інтерфейсу, який дозволяє безпосередньо редагувати і маніпулювати зовнішній вигляд і зміст документа, сторінки або файлу. Це означає, що будь-які зміни, які Ви робите щось буде відображатися точно так же, коли кінцевий результат виходить.

Оскільки Інтернет стає все більш повсюдним і доступним для людей, WYSIWYG редактора виросли в популярності. Так як люди повинні знайти способи для завантаження і відправки форматованого контенту на літа, більшість використання WYSIWYG середовища.

Історія WYSIWYG

Сам термін «то, що ви бачите, що ви отримаєте» попередній інтернет значно. Це було досить поширеним ідіоматичний вираз, що використовується для опису речей, які так само, як вони з'являються. Наприклад, якщо ви шукали старий автомобіль, і ви бачите одне, що за низькою ціною, яка, здається, в жахливому стані, продавець може сказати: «Ну, що ви бачите, що ви отримуєте.»

Зрештою, цей термін став відомим серед розробників програмного забезпечення і комп'ютерних будівельників. Перші комп'ютери не мали форми WYSIWYG. Замість цього, люди створили відформатовані документи за допомогою призначеного для користувача кодування мов і тегів, призначених для роботи в рамках старих мов програмування.

Зрештою, технічна компанія Xerox PARC випустив Alto, перший персональний комп'ютер з включеним редактором WYSIWYG. Це збіглося за часом з їх введенням графічний інтерфейс користувача Або GUI, який дозволив користувачам візуально взаємодіяти з елементами на комп'ютері. Незабаром після цього, такі компанії, як HP, Apple і Microsoft також випустила комп'ютерні програми, які включали вбудовану підтримку візуальних редакторів.

Пов'язані: Що таке UI, і що це означає?

типи WYSIWYG

Squarespace

Залежно від контексту, ви можете звернутися до різних програмних засобів і інтерфейсів, як редактора «WYSIWYG».

Найбільш поширеними є системи, які дозволяють редагувати документи і текст. У той час, як не-візуальні редактори, як правило, мають мова розмітки подобається Маркування або BB код, який згодом розібраний в форматований текст, WYSIWYG редактори, як Microsoft Office дозволяють вносити зміни в формат і зміст на льоту. Ці документи можуть бути розділені або надруковані, і вони будуть з'являтися так само, як вони роблять на своїх комп'ютерах.

Там також веб-розробки. Зазвичай, передній кінець веб-розробка потребує розуміння мов, таких як HTML і CSS для створення красивого, чуйного сайту. Зростання «перетягнути і падіння» інтерфейси між веб-сайту будівельників зріс, що дозволило людям створювати свої власні веб-сайти без розуміння коду. Такі інструменти, як Adobe Dreamweaver дозволить вам створити сайт і експортувати його в код, який браузер може розібрати.

WYSIWYG також може широко застосовуватися до будь-якої кількості програмного забезпечення, творчі фахівці використовують. Живі відео редактора, фото редактора, програма ілюстрації, і 3D-анімація студія все приймають візуальний метод для показу вам свій виходу негайно. Наприклад, відео редакторів, як Adobe Premiere і Sony Vegas є «попередній перегляд» вікно, яке миттєво дозволяє відтворювати ваші закінчені кліпи перед виходом через тривалий процес експорту.

WYSIWYG редактори

WordPress

Основна перевага редактора WYSIWYG, звичайно, є те, що це простіше у використанні для кінцевого користувача. Замість того, щоб навчитися використовувати купу різних мов розмітки, ці редактори дозволяють вам формат, змінювати розмір і додавати мультимедіа в свої повідомлення одним натисканням кнопки. Ось чому більшість форумів, веб-будівельники, і редактори в основному переїхали в системах WYSIWYG.

Більшість комерційно доступних текстових редакторів є WYSIWYG. Це включає в себе популярні текстові процесори Microsoft Office , LibreOffice, Документи Google та багаті текстові редактори, такі як WordPad та Evernote. Більшість текстових редакторів на місці дозволяють використовувати мову розмітки, або WYSIWYG. Наприклад, поштова скринька WordPress дозволяє переключатися між "візуальним" редактором, який дає вам прямий попередній перегляд того, що ви пишете, і редактор "Текст", який дозволяє безпосередньо редагувати в HTML.

Багато веб-хостів WYSIWYG дозволяють вам Створіть веб-сайт не розуміючи багато коду. Це включає популярні послуги, такі як Squarespace, Wix та WeeBly. Ці зазвичай надаються "перетягування" інтерфейсів ", які дозволяють додавати блоки вмісту на сторінці після певного шаблону. Деякі також дозволяють вводити гібридний формат, який задовольняє WYSIWYG редагування з традиційним редагуванням. Типовий приклад цього є веб-сайти маркування , як reddit. Ви часто маєте параметри, щоб застосувати форматування в текстових полях, які ви можете переглянути перед повідомленням.

Пов'язані: Що таке маркування і як ви його використовуєте?


Explainers - Найпопулярніші статті

Як фотографії Apple працюють на iPhone

Explainers Sep 19, 2025

Яблучний З приходом iphone 13 і iphone 13 pro , Apple вводить нову функцію додатка камери під ..


Чи можна використовувати амазонка Вогонь Tablet як Kindle?

Explainers Sep 3, 2025

Bigtunaonline / shutterstock.com Amazon Fire Tablets - раніше відомий як Розпалювати Пожежні таблетки - ч�..


Що таке читання / запис Швидкості, і чому вони важливі?

Explainers Oct 24, 2025

Поздиєв Віталій / Shutterstock.com Ви, швидше за все, ви бачили виробники приводу, які говорять �..


Що шукати в камері безпеки

Explainers Nov 25, 2025

aslysun / Shutterstock.com Камери поставляються з широким набором функцій, так що це може бути стим..


Що таке No-код, і Is It Майбутнє Tech?

Explainers Nov 20, 2025

pisekar / Shutterstock.com Хто зацікавлений в майбутньому програмного забезпечення і як ми будемо ..


Що таке Screen-на час?

Explainers Nov 18, 2025

Liderina / Shutterstock.com Ви, напевно, наткнулися на деякі поради, пов'язані з "скороченням екрана"..


Що таке EARC?

Explainers Nov 15, 2025

Хлібна / Shutterstock.com Якщо ви спробували підключити кабель HDMI у своєму новому телевізорі, ..


Що таке ободок?

Explainers Nov 13, 2025

mokjc / shutterstock.com Ви, напевно, чули тонну розмови на "Bezels" у Tech World. Наприклад, відгуки смарт�..


Категорії