Інструменти розробника · HTML WYSIWYG редакція
Чому execCommand є Deprecated і які редактори браузера використовують замість
· Як працює
Опубліковано ToolAcre · Редакція журналу
українська зміст розробник-workflow
Покриває підйом і падіння document.execCommand, чому його вихід був неспроможним, і як сучасні редактори будують на вибір, діапазоні і перед введенням замість.
Відкриваємо з ExecCommand('bold') і попередження про розшук
Натиснути кнопку редагування, потім запитати `document.execCommand` наносити `bold` до поточного вибору. ToolAcre як і раніше використовує цей шлях, оскільки браузер володіє опікуном і вибраним діапазоном всередині його контенту, який відповідає його елементу. У компактному дзвінку зручні, але зручність не робить його результатом передбачуваним.
Код лікує відмову в якості звичайної можливості. Його командний обгортковий набирає виняток, повідомляє, що браузер занепадлив дію, і передає письменника до початкового режиму. Цей недолік є більш чесним, ніж перспективним, що один панелі інструментів натисніть завжди виробляє один елемент або працює ідентично в кожному двигуні.
Що таке ExecCommand і де він прийшов з — пояснює походження його на початку Internet Explorer і його прийняття на кожному браузері
Приводи обгортки сміливі, італійські, ненаправлені та замовлені списки, видалення форматування, відмінювання, червоної, форматування блоків, посилання та відключення. У панелі інструментів фактично присутні команди, які не розширюють список з вирівнюванням, кольорами, шрифтами, таблицями, зображеннями або іншими знайомими з багатьма функціями, які не підлягають реалізації.
Кожна команда працює на редагуванні DOM. Після цього панель освіжає джерело, перегляд, кількість слів та звіт про видалення з поточного внутрішнього хешування. Вказаний результат не є обов'язковим. Це фільтрована послідовність будь-якої структури браузера, що залишається позаду після виконання або рефлексування запрошуваної операції.
Чому команда API ви можете зробити різні файли DOM форми
Виявлення питань, що стосуються API не дає автора редактора чіткого структурного договору для кожного мутації. Мистецтво ToolAcre обмеження явно попереджають, що поведінка відрізняється між двигунами, зокрема навколо непристойних списків. Виявлений список може бути прийнятний, коли його вибір або вибір обгортки відрізняється від розмітки іншого браузера, виробленого.
Не існує репозиторійного джерела, який підтримує вимогу, що кожен браузер, версія або команда має конкретний результат сумісності. Гарантований варіант виконання робіт з відновлення інформації API, зловживає відмовою, і пропонує прямий вихідний ключ як втечу люка. Тестувати браузер і роботу, які ви повинні використовувати, а не екстраполювати матрицю.
Вибір та діапазон є актуальними альтернативами, але цей інструмент не реалізує їх
Вибір та діапазон можна описати вибрані DOM кордони і підтримка явних маніпуляцій дерева, але ToolAcre не реалізовує заміну відформатування двигуна з ними. Нагадувати ці API, якби вони були поточним способом коду, незважаючи на те, що продукт буде описати. Тут команда браузера залишається мутатором і санітарним засобом залишається вихідним.
Спеціальна модель може мати власні позначки, блоки, транзакції та вибір картування, але це різні архітектури продуктів з різними тестами. Цей легкий редактор навмисно не дозволяє вимагати такої техніки. Його рецензентний контракт є те, що візуальні дії можуть створювати браузери-залежні DOM, при цьому вихідний режим показує фільтрований розмітка, який фактично буде скопійований або завантажений.
перед введенням не входить до складу цього шляху форматування редактора
Впровадження також не входить `beforeinput` перевести зміни у користувацькі операції. Вхідні події, що запускають оновлення після перевстановлення браузера. Виняток і падіння є винятком: ті події не допускаються, їх буфер або перерахування перевантаження фільтрується, і тільки отриманий результат HTML або звичайний текст вставляється.
Відрізняється, що це стосується широкого архітектурного претензії. ToolAcre у власній пасти воріт, але не кожен брелок. Звичайні типи, видалення, введіть поведінку та командування панелі інструментів залишаються операцій з редагування веб-переглядача. У санітарному режимі рецензують їх послідовно, не перетворюють редактор в передчасну рамку або нормалізують кожен проміжний DOM мутація.
Удосконалено приклад: огляд виходу команди Legacy цей редактор фактично виробляє
Для бетонної перевірки наберіть два короткі вироки, виберіть одну фразу і натисніть «Болд». Перемикач HTML джерело і перевірка елемента навколо цієї фрази. ToolAcre мітка карти `b` до `strong` при сантизаційній системі, тому фільтрований результат може бути мансартичним навіть коли команда редагування живого спочатку вибрала тег legacy .
Повторіть список, а потім скасувати. Навігація панелі інструментів `insertUnorderedList` і `undo`; не підтримує окрему історію застосування. Якщо браузер відмовляється, то в цьому випадку він каже. Якщо нісинг виглядає непарним, вихідний режим є підтриманим правильним шляхом. Виявлено вихід, не наклейка кнопки, є доказами.
Що це не криється: немає архітектури редактора заміни тут
У статті не передбачено підтримки сучасної системи командної заміни, кооперативних операцій, детермінативних крос-бросів або нестандартного недостека. Також не вводять поведінку для клавішних ярликів, оскільки джерело визначає дії інструментальних барів, не ярликівського реєстру. Непідтримані функції залишаються бездіяльними, а не накладними можливостями.
Безпека відбір команди. Список дозволяє фільтри, які випромінюють маркуп і попередній перегляд, пісочниці без сценаріїв, але санітарний засіб явно відхиляється, що використовується як загальний ворожий вхід XSS фільтр. Сервер приймає ненадійне розміщення даних, що вимагає відповідного сервера HTML5- пароля саніц і правила призначення.
Поруч: власний DOM, не команда — підсумує шлях міграції та як отриманий розміток, що ви в пошуках WYSIWYG-доHTML комплекс
Властивості результату можна перевірити. У цьому редакторі команда просить браузер, щоб мутувати змістове дерево, потім дампліст перезаписує, що послідовність дерева в підтримувані підмножини. Режим джерела передбачає відключення та забезпечує практичну ремонтну поверхню при поведінці редагування браузера незручним або несприйнятним.
Використовуйте одноразовий зразок в одному браузері, як і ваша реальна робота. Вправа тільки відправлені команди, огляд посилань і в'язання, тестувати скасувати перед перекриттям на ньому, і копіювати фільтрований HTML тільки після його читання. Що таке депрокація робочого процесу без попереднього закінчення ToolAcre вже заміняв базовий редагування API.