0

Здравствуйте! Появился вопрос: как сделать, чтобы при нажатии на кнопку button печатался текст в textarea. А вернее: нажимается кнопочка с надписью "<p>" - в поле textarea выводится "<p>". Вероятно через событие onclick, но у меня что-то не получается. И еще, переменная text из поля textarea обрабатывается функцией htmlspecialchars. Как сделать, чтобы теги <p>,</p>,<br> пропускались, а остальные нет? Спасибо.

4
  • @abibock_un, сымпровизировал( у вас в этом слове было две ошибки=) )? Это ж элементарная хрень, которую ты и то сделал неверно! Тег <p> в кнопочке будет восприниматься, как незакрытый тег абзаца. Тебе следовало бы юзать свойство value у input button.
    – Salivan
    5 дек 2012 в 9:19
  • Разве ошибки в слове сымпровизировал здесь на что-то влияют? Человеку надо было помочь с "элементарной хренью". Конечно, value было бы правильно, но мне показалось так нагляднее. В кнопке тэг абзаца написан кириллицей.
    – abibock_un
    5 дек 2012 в 9:27
  • Да, abibock_un, на серьёзное восприятие человека =) Разве ошибки в слове сымпровизировал здесь на что-то влияют?
    – Salivan
    5 дек 2012 в 13:08

1 ответ 1

3
<script>

function push(but, id, tag) {
    document.getElementById(id).value += tag;
}
</script>

<textarea id='put'></textarea>

<button onclick="push(this, 'put', '<p>')">&lt;p&gt;</button> 
<button onclick="push(this, 'put', '</p>')">&lt;/p&gt;</button>

Еще:

<script>
function push(but, id) {
    document.getElementById(id).value += but.innerHTML.replace(/(&lt;|&gt;)/g, function(mth) {
        return mth == '&lt;'?'<':'>';
    });
}
</script>

<textarea id='put'></textarea>

<button onclick="push(this, 'put')">&lt;p&gt;</button> 
<button onclick="push(this, 'put')">&lt;/p&gt;</button>

jQuery:

<script src='http://code.jquery.com/jquery-1.8.3.min.js'></script>
<script>

$(function() {
    $('.push').click(function() {
        document.getElementById('put').value += this.innerHTML.replace(/(&lt;|&gt;)/g, function(mth) {
            return mth == '&lt;'?'<':'>';
        });
    });

});
</script>

<textarea id='put'></textarea>

<button class='push'>&lt;p&gt;</button> 
<button class='push'>&lt;/p&gt;</button>

Мой способ исключения тегов:

$arrays_tags = array(array('<p>', '</p>', '<br>'), array('[p]', '[/p]', '[br]'));

$text = str_replace($arrays_tags[0], $arrays_tags[1], $text);

$text = htmlspecialchars($text);

$text = str_replace($arrays_tags[1], $arrays_tags[0], $text);

var_dump($text);
9
  • lampa, спасибо большое, ваш код работает, только почему-то при нажатии на кнопку открывается обработчик, это ведь кнопка не submit, почему так происходит? 5 дек 2012 в 9:41
  • Уважуха за native подход)
    – nolka
    5 дек 2012 в 9:42
  • А, тип не указан) 5 дек 2012 в 9:47
  • 1
    @Регина обновил пост.
    – lampa
    5 дек 2012 в 10:03
  • 1
    @Регина смысл в том, что мы функцией str_replace заменяем наши теги <p>, </p>... на [p], [/p]... которые после обработки остаются такими же, как и до обработки функцией htmlspecialchars. Дальше смы запускаем функцию str_replace еще раз, только теперь замена тегов происходит обратно, из [p] в <p>.
    – lampa
    5 дек 2012 в 10:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.