Seçilen metnin HTML'sini almanın çapraz tarayıcı yolu var mı?Seçilen bir metin HTML'si
cevap
Bu fonksiyon tüm büyük tarayıcılarda yapacak: [. Bir tarayıcı, çapraz platform alınıyor seçili metne]
function getSelectionHtml() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html = document.selection.createRange().htmlText;
}
}
return html;
}
// bind events for selection
document.addEventListener('mouseup', function(){
var selectedHTML = getSelectionHtml();
if(selectedHTML)
console.log(selectedHTML)
});
document.addEventListener('keyup', function(e){
var selectedHTML, key = e.keyCode || e.which;
if(key == 16){ // if "shift" key was released
selectedHTML = getSelectionHtml();
if(selectedHTML)
console.log(selectedHTML)
}
});
<ul contenteditable>
<li><p>Select <b>this</b> <em>text</em> right <i>here</i></p></li>
<li>Or <b>this text</b></li>
</ul>
sorun
İÇİN
birinci paragraf TEXT kapaklar kilitli parçasını seçtiğinizde beklenen alamadım
İÇİN "METİN ikinci paragraf SEÇİLMİŞ BE olmasıdır BE SEÇİLEN "ama"
YAZIYOR
SEÇİLMİŞ SEÇENEKLER
- bazı sebeplerden dolayı tarayıcıda yer almayan etiket reklamları olanları kapatmak için.Yalnızca seçimin gerçekte nasıl seçilebileceği herhangi bir yol var mı? – honzzzBir HTML belgesi temel olarak bir düğüm ağacıdır.İlk HTML metni ayrıştırıldıktan sonra, esasen gitti ve düğümleri ele almak zorundasınız. Seçimi dönüştürmek mümkün olabilir (ancak nispeten karmaşık) Önerdiğiniz dize, ancak belgeyi temsil eden birçok geçerli yöntemden yalnızca biri olan orijinal HTML metniyle eşleşecek bir garanti yoktur. –
Benim için çalışır thanx !! Bana biraz fikir verdi .. –
- 1. Seçilen metin çerçevesini bir UITextView
- 2. Seçilen metni bir metin kutusuna alın
- 3. Seçilen kutu bir Metin Kutusuna nasıl alınır?
- 4. Javascript'te seçilen metin etkinliği tetikleyicisi
- 5. JQuery Seçilen olaylarda otomatik tamamlama metin kutusu
- 6. Seçilen metin rengini değiştirmek için Internet Explorer'da?
- 7. Kullanıcı seçilen metni Metni Metin alanında görüntüle
- 8. Halihazırda seçilen metin bir html textarea içinde nasıl değiştirilir?
- 9. Değişim seçilen endeks Örnek .. Bir seçilen dizini değiştirmek için jquery
- 10. Seçilen Bağlantının Ayarlanması Seçilen bir verinin gönderilmesi DropDownList
- 11. UIWebView'da seçilen metin için koordinatlar (CGRect) nasıl alınır?
- 12. Seçilen Alanın metnini panoya kopyala
- 13. Bu tarayıcıda seçili metin yapıyor alıyorum bir anda metin pozisyonunu
- 14. Seçilen tablo satırı
- 15. Seçilen metni yalnızca metin girişlerini içeren bir açılan kutuya almanın en kolay yolu nedir?
- 16. DataGridView seçilen satır bir kullanıcı tarafından günlüğe işlerin listesini görüntüler metin kutuları
- 17. NSTableView'da seçilen bir satırın içindeki öğeler nasıl alınır?
- 18. Seçilen Textview öğesinin rengi nasıl değiştirilir?
- 19. mvc4'te seçilen öğe açılırken seçilen öğeyi nasıl değiştirebilirim?
- 20. Seçilen jQuery eklentisini kullanarak seçilen her değeri alın
- 21. Seçilen örneği SSMS'de değiştir
- 22. RecyclerView: Seçilen öğeyi vurgula
- 23. Son seçilen seçenek bir multiselect'ten nasıl alınır?
- 24. javascript: seçilen bir öğenin etiketlerini silme
- 25. DataGridView: Seçilen tüm satırlara bir düzenleme uygula
- 26. Seçilen öğenin bir MvxListView öğesinde vurgulanması
- 27. R: Bir data.table seçilen satırlara ikili operatör
- 28. Bir tablodan seçilen değerleri listelemeyen ComboBox
- 29. Seçilen satırları bir UITableView'dan nasıl edinebilirsiniz?
- 30. Seçilen adresi gösteren bir google haritaları görüntüleme
olası yinelenen (http://stackoverflow.com/questions/10478/tarayıcıda çapraz-tarayıcı-çapraz-platform) – Sarfraz
Bu soruya verilen cevapların hiçbiri çok iyi değil ve farklı bir soru: seçilen metin için değil HTML'yi soruyor. seçilen metin –
Daha önce http://stackoverflow.com/questions/10478/getting-selected-text-in-a-browser-cross-platform adresinden yanıtlanmıştır. – wiifm