【JS】Javascriptで改行コードを「 」に変換する方法

2018/10/11

JSONやJSONPのような取得したデータをHTMLへ表示させるときに、改行コードを「 」に変換するスクリプトが必要になったので、いつでもコピペできるように備忘録としてポストしておきたいと思います。

正規表現で改行コードを「 」に変換する

/**
 * 改行コードを<br>に変換
 * 
 * @param {String} str 変換したい文字列
 */
var nl2br = function (str) {
    return str.replace(/\n/g, '<br>');
};

/**

* 改行コードを に変換

* @param {String} str 変換したい文字列

var nl2br = function (str) {

return str.replace(/\n/g, ' ');

};

以上となります。
非常に簡単。

created by Rinker

SBクリエイティブ

以下のように、nl2br() メソッドの引数に、変換対象の変数を放り込むだけです。
簡単。

// 改行コード→<br>変換
var content = nl2br(json[0].content);

1 2	// 改行コード→<br>変換 var content = nl2br(json[0].content);

: 【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた

下スクロールでふわっと表示させ、クリックすると上部へスルスルっと戻って消えるというスクリプトを組んでみました。戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なっています。

: 【JS】クーポン系サイトによくある「カウントダウンタイマー」をjQueryを使って設置してみる

「グルーポン」や「シェアリー」など、クーポン系サイトでよく利用されているような、カウントダウンしていくタイマーが必要になったので、その設置方法の紹介です。今回は「jQuery Countdown」というライブラリを使用します。

: jQueryのtoggleSlideを使ってみる

ボタンやリンクなどをクリックしたら、みょいーんとDIVやらpで括ってた部分を表示させるというのを実装する、jQuery のtoggleSlideを使う方法。これも検索頻度の高いものなので、自分のメモとして残しておきます。

: 【JS】複数のフォームに同じ値を入力するスクリプトをjQueryで作ってみた

都道府県別の送料を指定するフォームに一括で同じ数値を入力する場合などを想定したスクリプトを作成したので紹介します。

: 【jQuery】タブの切替スクリプトを作成してみました

jQueryの練習で何かを作ってみようということで、yahooトップページのトピックスに使われているような、タブの切替を作ってみました。