Bulunduğunda gizli yazı göster

Question

Birkaç sütunlu bir veri tablom var. Bunlardan biri, değişen metin uzunluğuna sahip bir yorum sütunudur. Bazı yorumlar çok kısa ama bazıları çok uzun olabilir. Şimdi sadece yorumun ilk 50 karakterini gösteriyorum ve orijinal metni "başlık" özelliğine koydum, böylece kullanıcılar tüm değeri okuyabilsinler.

Dizgiyi keserek tablo tamam görünüyor, ancak kullanıcılar artık kesilen metnin geri kalanında hiçbir şey bulamıyor (tarayıcılarda CTRL + F).

Bu yüzden benim fikrim, tüm yorumu kaynak kodunda gizlemek, ancak tarayıcının bulma mekanizmasında görülebilmektir. Bir şekilde mümkün mü? Siz ne önerirsiniz?

Teşekkürler!

Answer 1

Bunun hakkında bir düşünün ... Find özelliğini kullandığınızda tarayıcı ne yapar? Bulduğu metne kayar ve onu seçer. Metin görünmüyorsa bu nasıl mümkün olabilir? Bunun işe yaramayacağını düşünmüyorum. Düşünebildiğim tek seçenek, tarayıcıyı geçersiz kılan kendi bulma özelliğinizi uygulamaktır. Yayınlanan yorumlara göz atmak ve tarayıcıyı tıpkı tarayıcıda olduğu gibi bulmak, ancak muhtemelen genişleyen ve gizli metnini arayabilir. Tarayıcının bulmasını tam olarak nasıl geçersiz kılacağınıza gelince, belki de Ctrl + F'ye bağlanabilir ve bu bağda, tarayıcının bulmasını engelleyebilmesi için return false. Bunun işe yarayıp yaramadığını bilmiyorum, sadece bir fikir. Söylediğin gibi, temel sorun, tarayıcının gizli metin içinde arama yapamaması ve bunu yapmanın bir yolu olmadığını biliyorum.

Answer 2

Yazı tipi boyutu: 0,1 piksel veya benzerleri gibi hile yapmadan mümkün olduğunu hayal edemiyorum. Kullanıcılarınıza tam boyutlu metni görüntüleme veya bunun için kendi arama özelliğinizi görüntüleme seçeneği sağlayabilirsiniz. Bir kullanıcı, neden için mevcut olmayan veriler üzerinde yerel arama motorunu kullanarak sonuç beklemelidir. CTRL-F'ye bağlayabilirsiniz, ancak belki birisi bir tuş değiştirdi ya da menüyü kullanıyor, bu yüzden benim için bir çıkmaz sokak.

Answer 3

İyi bir cevap değil, ama: Webkit'te ve diğer motorlarda bir hata var. Metni white-space: nowrap; ve overflow: hidden; olarak ayarlarsanız, görsel olarak kırpılır, ancak gizli metinde bir arama eşleşmesi bulunursa yeniden görüntülenir.

http://kineticjs.com/ 

iyi kütüphane: Bunu denemek gerekir

.button { 
    display: inline-block; 
    text-indent: 120%; 
    white-space: nowrap; 
} 

Answer 4

:

Bir arka plan görüntüsü ile tarz düğmeler, metin gizlemek için altı yıldır benzer bir teknik kullanılmıştır

Answer 5

Basit/komik çözüm:

Set comment konteyner CSS 012 içinveya overflow:scroll; ve gerekiyorsa kabın genişliği ve yüksekliğini ayarlayın. Kullanıcılar için sadece bir metin kısmı göstermeli, ancak tarayıcı tarafından tam olarak okunabilir.