2016年5月14日土曜日

投稿用HTMLソースを作成するページ

以下の入力欄に文章を入力して「変換」ボタンを押すと、投稿用HTMLソースを作成できます。
動作テスト用ボタンもついています。
<を含む文章でも問題無く表示されるように変換できます。

用途・目的 ソース
サンプル
function(btn){
 var f=function(elem, name){return elem.getElementsByTagName(name) }
 var arrDIV=f(btn.parentNode, 'div'), arrTA=f(arrDIV[0], 'textarea')
 for(var i=0,L=arrTA.length;i<L;i++){ arrTA[i].style.height = (arrTA[i].value.split('\n').length + 3) + 'em' }

 var d=document.createElement('div'), d0=d.cloneNode(true), iH='innerHTML'
 d[iH] = arrDIV[0][iH]
 d.insertBefore(d0, f(d, 'b')[0].nextSibling)
 d0.innerHTML = f(d, 'textarea')[0].innerHTML.replace(/\n/g,'<br>')
 d0.style.marginBottom = '30px'
 f(d, 'textarea')[0].removeNode(true)

 f(btn.parentNode, 'textarea')[3].value = d.innerHTML
}

0 件のコメント:

コメントを投稿