いくつかのフィードを読み込んで、サイトページにリンクとして表示しています。リンクにカーソルを合わせると、フィード、時間、作成者、タイトル、コンテンツを含むツールチップがポップアップ表示されます。コンテンツが非常に長く、HTMLが含まれている場合があります。そこで、ある時点でコンテンツを切り取るプレビューを追加しました。
だから私の質問は、プレビューコンテンツの適切なブレークポイントをどのように決定するのですか?現在、私のコンテンツにはURLの途中で切り取られた画像タグがあり(私のjavascriptは現時点では1000文字までしかカウントされません)、ツールチップに壊れた画像が表示されます...私はそれほど心配していませんテーブルを壊すことについてですが、プレビューでカラーフォーマットや画像を壊さないようにしたいと思います。
問題のスクリーンショット:
コード:
content = content.substring(0,1000) + "...<br><br><span style="float:right;">(Click for more info)</span>";
*注:サンプルのHTMLコードと、テキストをフォーマットするタグがあるため、フィード内のHTMLに<または>が含まれる場合があります...