Очистка поля ввода текста div от html

Тема в разделе "JavaScript", создана пользователем Sankaboy, 16 мар 2015.

Модераторы: ZiX
  1. Sankaboy

    Sankaboy Постоялец

    Регистр.:
    1 фев 2012
    Сообщения:
    112
    Симпатии:
    3
    Ребята, добрый день! Сделал как в ВК форму ввода комментария, новости со смайликами и прикреплением фото. Используется не textarea,a div. Проблема такова: когда копируешь текст с левого сайта и вставляешь в поле ввода текста этот текст, то он вставляется вместе со стилями ксс,которыми был обработан текст на сайте доноре. Как очистить от html сразу при вводе или вставке текста?
    За ранее спасибо!
     
  2. xoxmo

    xoxmo Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    142
    Симпатии:
    86
    в браузере Google Chrome: Ctrl + Shift + v

    реализация на javascript для поля типа contenteditable: http://jsfiddle.net/SJR3H/8/
     
    Sankaboy нравится это.
  3. Sankaboy

    Sankaboy Постоялец

    Регистр.:
    1 фев 2012
    Сообщения:
    112
    Симпатии:
    3
    Ничерта не получается. Об гуглил еще раз интернет, перепробовал другие варианты. Так и не получилось.
    Вот мое поле:

    <div id="COMMENT" contenteditable="true" data-ph="Что нового?" tabindex="1"></div>

    Как мне правильно приюзать див к скрипту?
    С уважением!
     
  4. xoxmo

    xoxmo Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    142
    Симпатии:
    86
    попробуйте в вышеприведенном мною скрипте заменить строчку
    HTML:
    $('[contenteditable]').on('paste',function(e) {
    на
    HTML:
    $('#COMMENT').on('paste',function(e) {
     
  5. Sankaboy

    Sankaboy Постоялец

    Регистр.:
    1 фев 2012
    Сообщения:
    112
    Симпатии:
    3
    Все равно не работает. Такой способ уже был испытан.
     
  6. WhisperingEchoes

    WhisperingEchoes Создатель

    Регистр.:
    9 апр 2008
    Сообщения:
    23
    Симпатии:
    6
    Попробуйте вырезать теги при помощи аналога РНР функции strip_tags на JavaScript.
    Если надо сохранять сущности, то еще и htmlentities
     
  7. klamas

    klamas Создатель

    Регистр.:
    20 мар 2015
    Сообщения:
    15
    Симпатии:
    2
    Почему не использовать наработки того же ВК, если уж его способ ввода берете?

    Поизучайте http://st1.vk.me/js/al/emoji.js
    Вас должны заинтересовать следующие строчки "для F3": onEditablePaste, cleanCont, editableVal...
     
  8. Sankaboy

    Sankaboy Постоялец

    Регистр.:
    1 фев 2012
    Сообщения:
    112
    Симпатии:
    3
    Почему не ВК? - Потому что не стараюсь его скопировать. :)
    Разбираться в тексте ВК сложновато мне, т.к. мой ур. понимания текста ниже, чем у программистов ВК:crazy:.
    В очередной раз рассмотрела код ВК и ни черта не получилось.