数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ

ねごとめも背景

# ねごとめも

# カウンター

# プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。
fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。
プログラム実行の前に必ずコードの確認をお願いします。

# 最新記事

# カレンダー

05 | 2017/06 | 07
- - - - 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 -

# スポンサードリンク

テキスト内指定文字列 CSS クラス名一括指定ツール作成しました。



プログラムはこちらで確認できます。

{ contenteditable 属性を設定した html タグで作成したテキストエディタ }

HTMLタグの pre タグに contentEditable 属性を設定して作成した
テキストエディタの関数を見直して無駄な処理を減らしました。
1500 行くらい、21870 文字のデータを読み込ませてみた所、
調整前と比べて 三分の一ほど、処理に掛かる時間が短くなりました。
IE でテストしてみた所、 ブラウザがクラッシュしました。
chrome, firefox, IE ブラウザの中では、 chrome が最速で、
ストレス無く動作してくれます。


テキストエリアへ要素を書き出す関数見直し前 : ブラウザは chrome 要素を書き出す関数見直し前


テキストエリアへ要素を書き出す関数見直し後 : ブラウザは chrome
要素を書き出す関数見直し後




HTML ソースコードを整形する簡易ツール作成しました。
段落づけされていないHTML ソースコードを階層に応じてインデントをつけて出力します。
テストは、単純で小さなサイズのファイルでのみです。
大きなサイズの HTML ファイル, xml, 複雑なファイルでは、
正しく整形されないと思います。
とりあえず、形だけって感じです。。。
あと、10回位書き直せば、コツがつかめそうな気がする。(*'ω' *)

プログラム、コードは、こちらのサイトで公開しています。
{ HTML ソースコードインデント整形 : javascript (test 01) }


# QRコード

QR

I use Vivaldi.

Download Vivaldi Web Browser Today!

# スポンサードリンク