Wie kann ich den Benutzer ausgewählten Text (nur innerhalb Textarea) und Aktionen auf etwas wie wrap die Auswahl [#bold]selected text[/bold]
.jQuery wrap ausgewählten Text in einem Textfeld
13
A
Antwort
22
Gebäude weg, was Soufiane geschrieben, hier ist der Code jquery übersetzt mit der Fähigkeit, in den öffnen und schließen Tags weitergeben müssen:
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));
}
Verbrauch würde dann wie so sein:
wrapText("myTextArea", "[#bold]", "[/bold]");
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, mit einigen Verbesserungen das zu tun, was Sie wollen. Ich fand es here.
Verwandte Themen
- 1. Ausgewählten Text in einem Textfeld abrufen
- 2. Ausgewählten Text im Textfeld ersetzen
- 3. jQuery den ausgewählten Text
- 4. Text in einem Textfeld abwählen
- 5. Word Wrap in geteilter Text
- 6. Wrap 3 divs in einem mit jQuery
- 7. Zebra ZPL Wrap Text
- 8. Jquery - Anzeigen des in datepicker ausgewählten Werts in ein anderes Textfeld
- 9. Wrap Text innerhalb Element
- 10. Get ausgewählten Text aus Textbox neben einem ausgewählten Kontrollkästchen
- 11. Wrap Text in DataGridCell WPF
- 12. xmessage langer Text - wrap?
- 13. CSS no text wrap
- 14. Text automatisch in einem Textfeld-Steuerelement hervorheben
- 15. Wie Text in einem Textfeld gefüllt Lesen
- 16. Ersetze ausgewählten Text mit jquery/javascript
- 17. PDFBox Wrap Text
- 18. jQuery Wrap Elemente erstellt von .Jede Methode in einem Div
- 19. JQUERY zu filtern Eingabe in einem Textfeld
- 20. Word Wrap Text in ARGOX OS214 - PPLA
- 21. erhalten ausgewählten Text aus einem anderen Rahmen
- 22. Chrome Erweiterung modifizieren ausgewählten Textfeld
- 23. erhalten ausgewählten Text von einem uiwebview Xcode
- 24. Text Überlauf Problem & Text Non Wrap
- 25. Entfernen ausgewählten/markierten Text
- 26. Jquery Fadeout Text in ein Textfeld und Textarea
- 27. auto fill Textfeld je nach ausgewählten Element in Grails
- 28. Anfügen div auf ausgewählten Text
- 29. CSS - Wrap Text entlang Winkel
- 30. Wrap Text im P-Tag
Bei jeder will es, hier ist eine coffescript version dieser funktion: https://gist.github.com/2938205 – DVG
Wäre nett, wenn der endgültige ausgewählte Text die Einfügung, nicht nur die anfängliche Auswahl beinhaltete. Oder vielleicht springt das Caret an das Ende der neuen Zeichenfolge ... – brasofilo
Ok, das ist der Trick 'textArea [0] .selectionEnd = Ende + openTag.length + closeTag.length;' (nach der letzten Zeile). – brasofilo