Ｂ面７２

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。

結構見ますね、「写真：ピクスタ」。

これ：

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

を、デザインテンプレートに挿入：


てわけでこれ：

ソース：

スペースを&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>

続きを読む...