0

Мне надо, чтобы при нажатии shift+P в textarea выделенный текст оборачивался в теги p. То есть

<p>Выделеный текст</p>

А если выделенного текста нет, то просто на место курсора вставить

<p></p>
4
  • 1
    Возможный дубликат вопроса: Как получить выделенный текст из textarea (JavaScript) 8 июн 2017 в 11:52
  • @RazmikGalstyan, тут не textarea.
    – Qwertiy
    9 июн 2017 в 6:25
  • @OlexijHavryshkiv тут где? в этом вопросе? или в старом который я скинул как уже существующий? 9 июн 2017 в 6:30
  • В этом вопросе так написано Мне надо, чтобы при нажатии shift+P в textarea, А это заголовок другого Как получить выделенный текст из textarea (JavaScript), и где нет textarea ? у обеих то же самое . 9 июн 2017 в 6:33

1 ответ 1

0

Когда то искал подобную вещь, нашел вот такую реализацию:

function wrapText(elementID, openTag, closeTag) {
    var textArea = $('#' + elementID);
    var len = textArea.val().length;
    var start = textArea[0].selectionStart;
    var end = textArea[0].selectionEnd;
    var selectedText = textArea.val().substring(start, end);
    var replacement = openTag + selectedText + closeTag;
    textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len));
}

И потом вызываете при хоткее вашем:

wrapText("input-id", "<p>", "</p>");

Чтобы всё это делалось хоткеем нужно подулючить библиотеку jquery.hotkeys Для вызова хоткея пишите вот так:

$('#input-id').on('keydown', null, 'Shift+p', function(ev){
    ev.preventDefault();
    wrapText("input-id", "<p>", "</p>");
});
3
  • Спасибо! Попробую 8 июн 2017 в 11:55
  • @OlexijHavryshkiv дополнил ответ, всё работает, так что если что-то не отработает пишите
    – TheMY3
    8 июн 2017 в 11:57
  • усе работает спасибо 8 июн 2017 в 16:18

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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