ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。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
★売上とホームページ作成スキルの関係は?

こんにちは。ウィズダム・デザインの白鳥です。 ★自分のホームページ制作のスキルに満足していますか? ホームページ制作のスキルは、…

no image
ホームページ作成用語集:Internet Explorer(インターネットエクスプローラー)

マイクロソフトが開発したブラウザ。Windowsのパソコンには最初からインストールされている。 Internet Explore…

スマートフォン
これが、最適化されたスマホ版サイトだ。

ホームページのスマホへの対応も無視できないレベルになってきました。画面の大きさ、入力方法の違い、などなど、スマホで閲覧した時に快…

no image
ホームページ作成用語集:JavaScript(ジャバスクリプト)

ホームページに様々な機能や動きを加えるために使われるプログラム言語。HTMLファイルの中に直接記述したり、別途作成した.jsファ…

top5
★ホームページ診断で必ずチェックしたい指標

弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…

no image
ホームページ作成セミナー無事終了しました。ありがとうございます。

先日開催した ホームページ作成セミナー。 目玉が飛び出るほどのトラブルがありましたが、無事終了することが出来ました。 参加してい…

no image
Yahoo! JAPAN、アドエクスチェンジ(広告枠取引)事業を開始

これはもしや、すごいことなのではないか?? 《広告を掲載したいサイトを指名買いできる》 ということだとしたら、今後の動向をちゃん…

no image
ホームページ作成用語集:インターネット

世界中のコンピュータを繋いだネットワークのこと。 インターネットに接続することで、電子メールのやり取りやホームページを見ることが…

テキストを変更するだけでそのまま使えるボタン素材いろいろ(PSDファイル付き)

お申し込みボタンはサイトの成約率に与える影響がとても大きい部分ですよね。 初心者の方が作ったサイトでも、お申し込みボタンだけは整…

Zemanta Related Posts Thumbnail
本に出会う本屋

ボッサブックスhttp://www.bossabooks.jp/ メタファーを使ったインターフェイスは良くあるし、この手のものは…