Інструменти розробника · HTML WYSIWYG редакція
Як WYSIWYG Форматування редактора HTML: Виявлено зміст
· Як працює
Опубліковано ToolAcre · Рецензування журналу
українська зміст розробник-workflow
Передбачає зміст атрибуту, що робить будь-який елемент редагування, як браузер мутує DOM як ви тип і формат, і як це DOM стає HTML Ви копіюєте.
Ви натискали сміливо; де зробив <strong> приходять з? — відкриває зазор між натисканням кнопки і переглядом розмітки
Кнопка панелі інструментів, позначена Bold, відчуває себе як малярна щітка, але браузер повинен представляти результат в дереві документа. Вибране слово може стати <b> або <strong> елемент в залежності від команди редагування та двигуна. Завдання розробника полягає в тому, щоб перетворювати конкретні мутації браузера HTML Ще одна сторінка може прочитати без прийняття кожного тега або небезпечного атрибуту. Що ви бачите на екрані - редагування DOM, не файл-обробки з незалежним шаром форматування.
змістовний: атрибут, який робить сторінку редагованою — пояснюється розміщенням редагуючого вузла, а також як браузер володіє поведінкою редагування
змістовний ="true" робить елемент редагуючого вузла. Переглядач контролює рух, підбір, вставки та видалення всередині нього, з DOM дерево під ToolAcre’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ ’ Паста подія отримує окрему увагу, оскільки минуле HTML може включати елементи і атрибути, які не повинні вводити довірений документ, що одержується.
Кожен ключ DOM мутація — описує зростаючі текстові вузли, елементи загортаються і розщеплюють, і чому дерево змінюється навіть коли текст виглядає незмінним
Натискання створює або розширює текстові вузли; натискання клавіш Enter може розбити блок; болгарка вибору обгортає діапазон. Точність DOM після двох кліків не гарантується, що розробник не уявився <strong> рядок: браузери вибирають різні елементи і нахили. ToolAcre Зараз використовується document.execCommand для форматування. Що API відхилений, але не існує односторонньої заміни крапель для кожної операції редагування, тому редактор лікує його вихід, як не довірений вхід, щоб нормалізувати, а не як канонічний розмітка.
Від жити DOM до HTML string — пояснює послідовність редагованого дерева в розмітку можна копіювати
Для копіювання HTML, редактор зчитуває внутрішню форму редагування поверхні HTML і передає отриману нитку через елемент/attribute Список. Теги, такі як б нормалізуються на смантичний сильний; допустимі посилання перевіряють для прийнятних URL знімаються схеми, при цьому знімаються ручники та невідповідні атрибути. Режим джерела також передається текст через той самий фільтр, перш ніж повернути його в візуальну поверхню. Це головний шлях очищення, не універсальний сервер HTML sanitizer для ворожого вмісту від довільних користувачів.
Виконаний приклад: двопапкова замітка з сміливою фразою — див. DOM за допомогою натискання, вибору та видалення, потім показує отриманий розмітка
Виберіть два абзаци — «Редагування проекту» та «Розробка готових» — потім виберіть «Драфт» у другому та пресі «Болд». Встановити браузер <b>Проекти</b> в життя DOM. Перемикання до початкового режиму проходить через ToolAcreСатифікатор, який може випромінювати <strong>Проекти</strong> всередині його абзацу після нормалізації. Спробуйте <img onerror="..."> перезавантажити в одноразовому документі: вихідний список дозволяє не включає зображення або атрибути заходу. Приклад ілюструє, чому ви перевіряєте отриману розмітку, а не припустимо натискання має один універсальний HTML представлення.
Чому ті ж дії дають різний розміток в різних браузерах — охоплює поведінку браузера та чому редактори нормалізують їхню вихід
Різні веб-переглядачі реалізують команди редагування, лінійні перерви та підбір кордону по-різному. Навіть ідентичні видимі абзаци можуть сертифікувати з різними відстібками або елементами блоку. Шлях нормалізації зменшує деякі відмінності, але не робить WYSIWYG поверхня стандартно-гарантійного послідовника. ToolAcre показує джерело поряд з візуальним результатом, тому ви можете виправити непарне гніздування. Його попередній перегляд працює в iframe з атрибутом пісочниці, що не надає виконання сценаріїв, обмежуючи вплив небезпечного фрагмента, що досягається попереднього перегляду.
Що це не обкладинка — колаборативне редагування, недостеки та повно редакторні рамки виходять за межі
Ця сторінка не обіцяє кооперативне редагування, повну незадовільну історію, полірований клієнт електронної пошти або повний редактор. Не можна самостійно вирішити, що розмітка третьої сторони CMS приймає, і список на основі рядків не є заміною на сервері HTML5- парсер-саніфікатор, де ненадійні користувачі можуть подати зміст. Пісочний попередній перегляд - окремий захист від очищення від виходу; ні робить довільний JavaScript або в будь-якому місці.
Відправка: редактор DOM ви можете побачити — підсумувати механізм і як ToolAcreР HTML WYSIWYG Редактор видає розмітку вашого формату, не залишаючи браузера
Редактор — редактор DOM Ви можете побачити і перевірити. ToolAcreй HTML WYSIWYG редактор дає вам прямий спосіб порівняти дію візуального форматування з фільтрованими HTML вона виробляє, локально в браузері. Тип і смілива замітка, перемикач на вихідний режим і зберігайте тільки елементи, які розміщують власне опори.