javascript - プレビュー ページの投稿の長さを短くします。

Question

個々の投稿の長さを分析し、ホームページだけで特定の文字数に減らすスクリプトを作成したいと考えています。どうすればいいですか？PHPを使わずにこれを行う方法はありますか?

Answer 1

PHP (私が使用する) または JavaScript のいずれかでそれを行うことができます。

PHP

$string = 'A very long string ... that is longer than this.';
$string = substr($string, 0, 250); // 250 characters long

JavaScript

JavaScript の実装では、テキストが存在するある種の識別可能なコンテナが必要です。たとえば、 を使用でき<div id="the_post_content"></div>ます。

var container = document.getElementById('the_post_content');
var str = container.innerHTML;
container.innerHTML = str.substring(0, 10); // Container now has text that's truncated

ここでJSアプローチのフィドル。

Answer 2

PHP を使用したくない場合は、JavaScript を使用することしか考えられません。

http://tpgblog.com/threedots/をご覧ください。これは、テキストのスマートな切り捨てを実行する jQuery プラグインであり、探しているものかもしれません。

Answer 3

$.load()またはその他の AJAX メソッドを使用してページのコンテンツを動的にロードし、それを css 属性を持つコンテナー内に配置することをお勧めしますtext-overflow: ellipsis。

このフィドルをチェックしてください。

このアプローチの唯一の欠点は、クロスブラウザーのサポートのためにwhite-space: nowrap;.