私はいくつかの列を持つデータの表を持っています。そのうちの1つは、テキストの長さが異なるコメント欄です。いくつかのコメントは非常に短いですが、その中にはかなり長いものがあります。今私はコメントの最初の50文字を表示し、ユーザーがまだ全体の値を読むことができるように、私は "タイトル"属性に元のテキストを入れます。検索中に隠しテキストを表示
文字列を切り捨てることで、表は大丈夫ですが、ユーザーは切り捨てられたテキストの残りの部分を（ブラウザではCtrl + F）見つけることができなくなりました。
私の考えは、ソースコード内にコメント全体を隠すことですが、ブラウザのfindメカニズムで見ることができます。どういうわけか可能ですか？あなたは何をお勧めしますか？
ありがとうございます！
まあ、それについて考える...検索機能を使用すると、ブラウザは何をしますか？見つかったテキストにスクロールして選択します。テキストが見えない場合はどうすれば可能ですか？それがうまくいくとは思えません。私が考えることができる唯一のオプションは、ブラウザーをオーバーライドして、独自の検索機能を実装することです。それは隠されたテキストとを見ることができることを除いて、投稿されたコメントを見て、ブラウザと同じようにテキストを見つけるだろう。どのようにブラウザの検索を上書きするかについては、おそらくCtrl + Fにバインドし、そのバインディングでは、return falseを使用してブラウザがその検索を使用しないようにすることができます。それがうまくいくかどうかは分かりませんが、単なるアイデアです。あなたが言ったように、基本的な問題は、ブラウザが隠されたテキストを検索することができず、そうすることができないということです。
font-size：0.1pxなどのような厄介なトリックがないとは想像もできません。 フルサイズのテキストを表示するオプションや、独自の検索機能を実装するオプションをユーザーに提供できます。なぜユーザーは、彼のために存在しないデータに対してネイティブ検索エンジンを使用して結果を期待すべきですか？ CTRL-Fにバインドできますが、キーバインドを変更した人やメニューを使用している人がいるかもしれません。
良い答えではありませんが、うまくいきます：Webkitやその他のエンジンにバグがあります。テキストをwhite-space: nowrap;とoverflow: hidden;に設定すると、視覚的に切り詰められますが、非表示テキストで検索一致が見つかった場合に再び表示されます。
私は、背景画像にスタイルされているボタンからテキストを非表示にするには、六年以来、同様の手法、使用：
.button {
display: inline-block;
text-indent: 120%;
white-space: nowrap;
}
をあなたはこれを試してみる必要があります。
http://kineticjs.com/
は良いライブラリです
これは素晴らしいです。 –
あなたの答えを編集して、キネティクスがどのように問題を解決するか説明してください。 – vharron
簡易/面白い解決策：
コメントコンテナCSSを012に設定しますまたはoverflow:scroll;に設定し、必要に応じてコンテナの幅と高さを設定します。ユーザーのテキストの一部のみを表示する必要がありますが、ブラウザによって完全に読み込み可能である必要があります。
私はあなたが別のアプローチを見つけることを試みる必要があると思う。このような問題に遭遇すると、何か他のことを試す必要があることを意味します。 – vrutberg