Как при вставке текста с HTML в редактор, очистить его при этом оставив определенные теги (Без атрибутов) на js?

Question

[Альберт Ушаков]

Грубо говоря человек может скопировать где нибудь текст с сайта со всем содержимым и вставить в форму с редактором.
Как избежать этого и удалить все ненужное после вставки в форму или перед?
Оставить нужно основные теги, такие как i, em, del, b, p, br.
Нужно именно на стороне JS, в момент вставки ctrl+v или через мышку.

Answer 1

[Aetae]

Во-первых: если вы используете какой-то готовый редактор, а не самописный - с вероятностью в 90% в нём уже есть готовый удобный функционал для этого. Почитайте документацию.

Если же делаете сами, то по событию paste очищайте входные данные как вам надо.

Comments

[Альберт Ушаков]

Да я тоже думал так. Но видите ли, я использую редактор через WP tinymce. Там он вызывается через встроенную функцию в php и я вообще не понял как с ним работать. Пришлось извернуться и написать js код который вставляет текст в редактор, да криво косо. Вот и при вставке мне нужно обработать код. Не хочется переписывать все, но спасибо за ответ.

[Aetae]

Альберт Ушаков, если вы что-то не поняли с первого раза - это не повод делать через зад, это причина попытаться ещё раз.
Смена настроек: https://codex.wordpress.org/TinyMCE#Customize_Tiny...
Нужный параметр: https://www.tiny.cloud/docs/configure/content-filt...

[Альберт Ушаков]

Aetae, Еще вот, не знайте как это исправить? Идет замена ковычек и добавление \

[Aetae]

Альберт Ушаков, иду сюда: https://ru.wikipedia.org/wiki/Кавычки , копирую, иду сюда: https://www.tiny.cloud/docs/demo/basic-example/ , вставляю. Не вижу проблемы. Значит вы сами где-то в своём коде что-то делаете не так.

Answer 2

[Андрей Ежгуров]

Например, саму очистку от тегов можно сделать так:

function strip_tags(text, tags = []) {
  return text.replace(/(<\/?)([a-z]+|h[1-6])\b[^<>]*>/gi,
    (match, p1, p2) => tags.includes(p2.toLowerCase()) ? p1 + p2 + '>' : '');
}

Вызов strip_tags(data, ['span', 'a']) вернёт текст data, из которого удалены все теги, кроме <span> и <a>, а у оставшихся тегов удалены все атрибуты.