Отступ выделенного текста 4 пробела

Question

Я хочу сделать отступ для выделенного текста в <textarea> на 4 пробела, как это делает StackOverflow для кода, используя jQuery.Я делаю это для создания текстового редактора, похожего на SO, но только с базовыми функциями.

Мне не нужны ссылки или предложения для готовых редакторов;У меня есть все, что я хочу, но моя проблема выше.Кто-нибудь может дать мне несколько советов относительно того, как я могу сделать отступ для выделенного текста, или некоторые фрагменты кода?

Спасибо.

Answer 1

function indentSelection() {
    var selection = $(this).getSelection().text;
    var textarea = $(this);
    var result = '';
    var lines = selection.split('\n');
    var space = '    ';
    for(var i = 0; i < lines.length; i++)
    {
        result += space + lines[i] + '\n';
    }
    var new_text = textarea.val().split(selection).join(result);
    textarea.val(new_text);
}

Должен это сделать.Пример того, как получить выделенный текст (здесь это сокращено), см. Как получить выделенный текст в текстовой области?

Answer 2

Я бы использовал для этого регулярное выражение replace(). Просто замените новую строку новой строкой плюс четыре пробела:

function indentSelection(textarea) {
  $(textarea).val(
        $(textarea).val().substring(0, textarea.selectionStart)
          + $(textarea).getSelection().text.replace(/\n/m,'    \n')
          + $(textarea).val().substring(textarea.selectionEnd)
   );
}