Wie wickeln Sie den ausgewählten text in eine textarea?

Wie bekomme ich den ausgewählten text (nur innerhalb textarea) und wenden Sie Maßnahmen, um es so etwas wie wickeln Sie die Auswahl [#bold]selected text[/bold]?

InformationsquelleAutor kmunky | 2009-11-11
  1. 23

    Gebäude Weg, was Soufiane gepostet, hier ist der code übersetzt, um jquery mit der Möglichkeit zu übergeben, die öffnen und schließen-tags:

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

    Nutzung würde dann etwa so:

    wrapText("myTextArea", "[#bold]", "[/bold]");
    • Falls jemand will, hier ist eine coffeescript-version dieser Funktion: gist.github.com/2938205
    • Wäre schön, wenn der Letzte ausgewählte text enthalten, die das einfügen, nicht nur die anfängliche Auswahl. Oder vielleicht springt der Cursor an das Ende des neuen-string...
    • Ok, das funktioniert der trick textArea[0].selectionEnd = end + openTag.length + closeTag.length; (nach der letzten Zeile).
    • Um zu verhindern, dass der wrapper hinzufügen am Anfang der textarea, wenn kein text ausgewählt ist, wickeln Sie die Letzte Zeile von @richleland etwa so: if(selectedText != 0) { textArea.val(textArea.val().substring(0, start) + replacement + textArea.val().substring(end, len)); }
    InformationsquelleAutor richleland
  2. 6
    function wrapAsLink(url){
  var textarea = document.getElementById("myTa");
  var len = textarea.value.length;
  var start = textarea.selectionStart;
  var end = textarea.selectionEnd;
  var sel = textarea.value.substring(start, end);
  var replace = '<a href="'+url+'">' + sel + '</a>';
  textarea.value = textarea.value.substring(0,start) + replace +
  textarea.value.substring(end,len);
}

    Diese Funktion kann Ihnen helfen, zu tun, was Sie wollen, mit einigen tweaks. Ich fand es hier.

    InformationsquelleAutor Soufiane Hassou
Schreibe einen Kommentar