Работа с HTML
Функции для обработки HTML-строк: удаление тегов, экранирование символов, парсинг и очистка фрагментов.
Список методов
Очистка HTML
| Функция | Сигнатура | Описание |
|---|---|---|
stripHtml | (string: string): string | Удаляет все HTML-теги из строки. |
stripFragment | (html: string): string | Удаляет теги фрагментов из HTML-строки. |
Экранирование и декодирование HTML
| Функция | Сигнатура | Описание |
|---|---|---|
escapeHtml | (input: string): string | Преобразует специальные символы в HTML-сущности. |
decodeHtml | (input: string): string | Преобразует HTML-сущности обратно в символы. |
Парсинг HTML
| Функция | Сигнатура | Описание |
|---|---|---|
parseHtml | (html: string, isStripFragment?: boolean): Node[] | Парсит HTML-строку в массив DOM-узлов. |
Примеры использования
Очистка HTML
1. stripHtml
typescript
import { stripHtml } from './html';
const htmlString = '<p>Привет, <strong>мир!</strong></p>';
console.log(stripHtml(htmlString)); // "Привет, мир!"2. stripFragment
typescript
import { stripFragment } from './html';
const htmlWithFragment = '<!--StartFragment--><p>Фрагмент текста</p><!--EndFragment-->';
console.log(stripFragment(htmlWithFragment)); // "<p>Фрагмент текста</p>"Экранирование и декодирование HTML
3. escapeHtml
typescript
import { escapeHtml } from './html';
const unsafeString = '<script>alert("XSS")</script>';
console.log(escapeHtml(unsafeString)); // "<script>alert("XSS")</script>"4. decodeHtml
typescript
import { decodeHtml } from './html';
const encodedString = '<p>Привет, мир!</p>';
console.log(decodeHtml(encodedString)); // "<p>Привет, мир!</p>"Парсинг HTML
5. parseHtml
typescript
import { parseHtml } from './html';
const htmlString = '<div><p>Привет</p><span>Мир</span></div>';
const nodes = parseHtml(htmlString);
console.log(nodes.length); // 2 (узлы <p> и <span>)
// С фрагментами
const htmlWithFragment = '<!--StartFragment--><p>Фрагмент</p><!--EndFragment-->';
const fragmentNodes = parseHtml(htmlWithFragment, true);
console.log(fragmentNodes.length); // 1 (узел <p>)