Aplicar sangría al texto seleccionado 4 espacios

Question

Quiero aplicar sangría al texto seleccionado en un <textarea> por 4 espacios, al igual que lo hace StackOverflow para el código, usando jQuery. Estoy haciendo esto para crear un editor de texto similar a los SO, pero con solo funcionalidad básica.

No deseo enlaces o sugerencias para editores ya preparados; Tengo todo lo que quiero, pero mi problema está por encima. ¿Puede alguien darme algunos consejos sobre cómo he sangría el texto seleccionado, o algunos fragmentos de código?

Gracias.

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); 
} 

Debería hacerlo. Para un ejemplo sobre cómo adquirir el texto seleccionado (esto se ha acortado aquí) vea How to get selected text in textarea?

Answer 2

Usaría una expresión regular replace() para esto. Simplemente reemplace la nueva línea con una nueva línea más cuatro espacios:

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