アフィリエイト広告を利用しています

広告

posted by fanblog

2015年04月26日

FANBLGでjQueryできるかな?

これ:
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1.7.0");</script>

を、デザインテンプレートに挿入:
fanblog-enablejquery.gif

てわけでこれ:

ソース:

スペースを&nbsp;に置き換え
改行を<br/>に置き換え
変換後:




上の道具のソースはこんな:
<script>
jQuery(function($) {
    function do_escape() {
        v1 = $('<div />').text($('#source').val()).html();
        if ($("#nbsp").prop('checked')) {
            v1 = v1.replace(/^( +)/gm, function (wh, g1) {
                    return new Array(g1.length + 1).join('&nbsp;');
                }
            );
        }
        if ($("#br").prop('checked')) {
            v1 = v1.replace(/\n/g, "<br/>\n");
        }
        v2 = $('<div />').text(v1).html();
        $('#dest').html(v2);
    };
    $(document).ready(function() {
        $('#source').on('change', function() { do_escape(); });
        $('#nbsp').on('change', function() { do_escape(); });
        $('#br').on('change', function() { do_escape(); });
    });
})
</script>
ソース:
<textarea id="source" rows="15" cols="90"></textarea>
<input type="checkbox" id="nbsp" value="1">スペースを&amp;nbsp;に置き換え</input>
<input type="checkbox" id="br" value="2">改行を&lt;br/&gt;に置き換え</input>
変換後:
<textarea id="dest" rows="15" cols="90" readonly></textarea>
















4/28 3:00
昨日よりちょと改良してます

5/2 21:50
改行コードの置き換え、の追加
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント: 必須項目

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/3591741
※ブログオーナーが承認したトラックバックのみ表示されます。

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック






ファン
検索
検索
<< 2015年10月 >>
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
最新記事
最新コメント
月別アーカイブ
























×

この広告は30日以上新しい記事の更新がないブログに表示されております。