Как сбросить оформление текста при вставке из буфера в contentEditable?

Ссылка скопирована
Веб-разработка
1 ответ

нашел такой способ

var обрабтчик = function(e)  	{ 		e.preventDefault() 		var text = e.clipboardData.getData("text/plain") 		this.innerHTML = text 	} элемент.addEventListener("paste", обрабтчик)

var обрабтчик = function(e) { e.preventDefault() var text = e.clipboardData.getData("text/plain") this.innerHTML = text } элемент.addEventListener("paste", обрабтчик)

хороший вариант или есть еще лучше?

Дополнительно:

лучше использовать библиотеки

 
 

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Стас DB Ответ

Для сброса оформления текста при вставке из буфера в элемент с атрибутом contentEditable, можно использовать JavaScript. Ниже приведен пример кода на JavaScript, который позволит вам реализовать эту функциональность:

document.addEventListener('paste', function(e) {
    e.preventDefault();
    var text = (e.originalEvent || e).clipboardData.getData('text/plain');
    document.execCommand('insertText', false, text);
});

document.addEventListener('paste', function(e) { e.preventDefault(); var text = (e.originalEvent || e).clipboardData.getData('text/plain'); document.execCommand('insertText', false, text); });

В этом коде мы добавляем слушатель события 'paste' к документу. Когда пользователь вставляет текст из буфера обмена, мы отменяем стандартное действие браузера с помощью метода preventDefault(). Затем мы получаем текст из буфера обмена и используем метод execCommand() с параметрами 'insertText', false, text для вставки текста без форматирования.

Таким образом, при вставке текста из буфера в элемент с атрибутом contentEditable, текст будет вставлен без сохранения форматирования, что позволит сбросить оформление текста при вставке. Надеюсь, это поможет вам решить вашу проблему!

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Telegram Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал? 1 ответ