ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。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
ホームページ作成用語集:FTPソフト(エフティーピーソフト)

FTPを使ってファイルを送受信するためのソフトウェア。主にサーバーとのファイルの送受信に利用します。 フリーソフトのFFFTPが…

no image
tableレイアウトとCSSレイアウト

この業界にお世話になってから10年が経ちますが、HTMLのコーディング方法は、かなり変化してきました。 最初は、tableタグを…

IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester

ホームページを公開するときに大切なのが、複数のブラウザで表示を確認すること。 Internet ExplorerFirefoxG…

no image
★毎回好評の《初心者向けホームページ作成セミナー》を開催します

もしあなたが、 ○初めてホームページを作ろうとしている○ホームページの作り方をイチから知りたい なら、次のことを知っておく必要が…

no image
Web手続きだけで自作曲をiTunesで配信、クリプトンが代行サービス

このサービスは、音楽業界に新しい流れを生み出すかも。 ドラマのタイアップやCM曲が売れる現状を見ても音楽は聞いてもらってなんぼ。…

no image
ガンブラー(Gumblar)によるWebサイト改ざん被害の対策

世間を騒がしているガンブラーですが、FTPを使ってホームページを更新しているPCは特に注意が必要です。 まずは基本的な対策を。 …

no image
Googleが無料で撮影してくれる「おみせフォト」 申込みページがオープン

これはスゴイ! Googleがカメラマンを派遣して店内などを撮影してくれるサービスで、しかも無料!! 現在の対応地域は都市圏を中…

no image
2ヶ月でYahoo!2位達成!!

弊社のSEOツールをご利用いただいたお客様が 《ビリヤード 練習》のキーワードで こちらのホームページが、http://bit.…

no image
★2000円でコンサルが受けられます

今日は《ホームページ更新 共同作業会》のお知らせです。 実はこの作業会、参加率が低くてビックリしています。 ホームページで商品を…

内部SEO対策:ページタイトル作成における5つの基本

ページタイトルはホームページのテキストの中でも、検索エンジンのロボットが特に重要視している部分です。 ページタイトルを工夫するこ…