Contenteditable – текстовый редактор

Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а с использованием JS и JQuery можно сделать простой WYSIWYG редактор.

<div class="editor" contenteditable="true"></div>
HTML
12.12.2019, обновлено 09.10.2020
20462
Предыдущая запись Модальные окна на Fancybox 3

Комментарии 1

Андрей Мирный Андрей Мирный
10 февраля 2021 в 02:33
0
Какой раз выручат данный сайт, большое спасибо автору.
Особенно за 5 пункт.

, чтобы добавить комментарий.

Другие публикации

Как преобразовать текст из textarea в параграфы HTML
Такой вопрос возникает при вставке текста из формы на сайт (отзывы, комментарии и т.д.) с форматированием элементом p.
3050
+1
Получить выделенный текст из текстового поля
У текстовых полей (textarea, input text и т.д.) есть JS-свойства selectionStart и selectionEnd, которые возвращают...
3484
+2
Обернуть выделенный текст тегами в textarea
С помощью JS-свойств selectionStart и selectionEnd можно сделать оборачивание выделенного текста тегами или BB-кодами.
3257
+5
Изменение размеров textarea и других элементов
В CSS 3 появилось свойство resize, которе указывает, можно ли пользователю изменять размеры текстового поля и других...
7417
0
Очистка данных из форм в PHP
Для предотвращения XSS, SQL-инъекций и других атак, данные полученные из форм нужно чистить. Простое экранирования кавычек не достаточно, нужен комплексный подход по типу данных.
5937
+4
Манипуляции с элементами jQuery
Сборник методов jQuery для управления элементами DOM.
7452
+3