[js] 文字列を縦書きに変換する

テキストエリアに入力された文字列を縦書きに変換して表示するjavascriptソース。
縦書きになる商品を注文するフォームのプレビューや、縦書きソース作成なんかに便利かもしれない。

<input type="text" id="text" size="30" />
<div id="preview"></div>
var inputArea,preview;
window.onload = function(){
	inputArea = document.getElementById("syuuha");
	preview = document.getElementById("preview");
	inputArea.onkeyup = function(){
		preview.innerHTML = TextSlice(this.value);
	}
}
function TextSlice(txt){
	var max = txt.length;
	var array = [];
	for (i = 0; i < max ; i++) {
		var str = txt.charAt(i);
		array.push(str);
	}
	return array.join("<br />");
}

文字列をバラして作った配列を改行タグで繋いでるだけなので、句点や小文字の処理とかは特にしてません。
divをtextareaにして、preview.innerHTMLをpreview.valueにすると、縦書きのhtmlソースが取得出来ます。

Leave a Comment.