Văn bản đã chọn thụt lề 4 khoảng trắng

Question

Tôi muốn thụt lề văn bản đã chọn trong một không gian <textarea> theo 4 không gian, giống như StackOverflow thực hiện cho mã, sử dụng jQuery. Tôi đang làm điều này để tạo ra một trình soạn thảo văn bản tương tự như của SO, nhưng chỉ với chức năng cơ bản.

Tôi không muốn liên kết hoặc đề xuất cho người chỉnh sửa được tạo sẵn; Tôi có mọi thứ tôi muốn nhưng vấn đề của tôi ở trên. Ai đó có thể cho tôi một số gợi ý về cách tôi đã thụt lề văn bản đã chọn hoặc một số đoạn mã không?

Cảm ơn.

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

Nên làm điều đó. Để biết ví dụ về cách lấy văn bản đã chọn (điều này đã được rút ngắn tại đây), hãy xem How to get selected text in textarea?

Answer 2

Tôi muốn sử dụng regex replace() cho việc này. Chỉ cần thay thế dòng mới bằng một dòng mới cộng với bốn dấu cách:

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