HOME

{ ソースコードのハイライト表示 ( β ) : javascript }

{ svg, javascript で作成したプログラム一覧 }

推奨 ブラウザ : chrome

前回作成した、 javascript, css, html のコードをハイライト表示するプログラムの修正版です。
前作 → { javascript,css,html ソースコードハイライト表示 }
正規表現、配列の処理を減らしたので書き出しまでの時間が短くなってると思います。
前作は、コードからハイライトする文字列を抽出、配列に格納して処理していました。
今回は、その処理を止めて、コードを一文字づつ読んで処理するように変更しました。
また、コードからハイライト対象の文字列を抽出するのに正規表現を利用していました。
今回のは、正規表現を使用せず、コードの区切り文字、段落等から、
ハイライト対象文字を抽出しています。
その分の処理が減ったせいか、前作より軽く動作すると思います。

html, css は要素名、属性名などのチェックは行っていません。ヽ(´ー`)ノ
タグの開始文字、属性の位置等で判定して処理しています。
なので、使用できない値があっても、ハイライト表示してしまいます。
javascript は、予約語、メソッドなどの、チェックに str.indexOf('hoge') を利用して、
ハイライト表示する文字の判定を行っています。

他の人が書いた、コードで幾つかテストをさせてもらいましたが、
ハイライト文字の色のグループ分けが、うまく処理出来ていない所があります。
色々と あやしい プログラムです。(*'ω' *)

数学の勉強をやり直ししてたりします。_´ω`)_