ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。Facebook、Twitter、YouTube、LINEなど、ソーシャルメディアを活用、集客する方法を無料でお届け。

ソーシャル★マーケティングの教科書 改訂版

JavaScriptでマルチバイト文字列を決まった長さで省略する方法

 投稿日時:
 最終更新日時:2015/03/16 20:03

この記事は約 2 分で読めます。

大丈夫、あなたなら出来る! 
ソーシャル・マーケティング協会 代表理事の白鳥友康です。

ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。

デザインの都合でエリアに入力できる文字数が決まっていて
マルチバイトで○文字分みたいな切り出しをしたい場合があります。

でもマルチバイトとシングルバイトが混合している文字列の場合、
JavaScriptだと、これがなにげに難しかったりしますね。

そんなときはに役立つサンプルスクリプトです。

 

/**
文字列を省略する

@arg text 省略する文字列
@arg len 半角文字数で指定
@arg truncation 省略時の文字列
*/
function substr(text, len, truncation) {
	var count = 0;
	var str = '';
	for (i=0; i
		n = escape(text.charAt(i));
		if (n.length < 4) count++; else count+=2;
		if (count>len) {return str+truncation;}
		str += text.charAt(i);
	}
	return text;
}

カテゴリ - ◆ウェブサイト・ホームページ制作, ◇個人的めも
タグ - 

無料プレゼント

【Web担当者向け】SNS集客の全体像を55分で把握できる動画

受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

no image
ホームページ作成用語集:GIFファイル(ジフファイル)

画像形式のひとつ。256色まで色を制限することでファイルサイズを小さくすることができる。 この特性から、写真など色数が多い画像に…

email icon post sign
エントリーフォーム最適化(EFO)でお問い合わせの数を増やす。その3

エントリーフォーム最適化(EFO)のポイント、前回の続きです。 目次1 ★魅力的な文章で入力を促す2 ★「クリア」ボタンは必要な…

Zemanta Related Posts Thumbnail
Photoshop のびっくりショートカット

小ネタ。 こんなショートカット発見。使えるかもしれないし使えないかも 《移動》ツールを選択してガイドの上に。 その状態のまま《A…

Zemanta Related Posts Thumbnail
一億円の価値がある輪ゴム

写真をご覧ください。はい。ただの輪ゴムです(笑) 一億円で売っている輪ゴムではなく、一億円の価値を生み出す輪ゴムです。 では、な…

2015-06-12_210958
【制作事例】 吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー

吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…

no image
なぜカカクコムの最安店に注文が殺到しないのか

「最安値ではなくてもアマゾンで購入する」 ここに消費者の興味深い心理が含まれていますね。 「利用者は未知のショップに個人情報を登…

no image
モニターは消耗品

下北沢を歩いていたら、中古屋でiiyamaのモニタが安く売っていたので買ってみた。 17インチで7980円。 事前に値段を調べて…

CMS
★工務店さんのウェブサイトは施工事例がとっても大切。

日々、現場で作業をしていて施工事例はたっぷりあるけれど、自社サイトに最新事例をアップできていない。そんな会社様も多いと思います。…

Zemanta Related Posts Thumbnail
SEO対策するキーワードの選び方?メインキーワード編(2)

―知っておきたいSEO対策の基礎9 目次1 最初にコア用語を見つける2 前記事 最初にコア用語を見つける ブレインストーミングと…

no image
クリックしたくなるバナーボタンの色は?

成約率にとても大きな影響を与える「お申し込みボタン」 このボタンがどんなボタンかで、クリックされる数が変わってくるのでいろいろ工…