HimaJyunpreタグは改行や空白をそのままに表示してくれる便利なタグです。それ故にpreタグに含まれる要素をインデントする事が出来ず、入り組んだ要素内にあるpreタグのメンテナンス性が低下してしまいます。使い方preタグもインデントしたい!!普通は必要ないのですが「ソースコード」やら「測定結果」やらの既に整形されてあるテキストをペタッと貼り付けちゃうと色々崩壊&バーストして悲惨な事になります。そこで、多くの場合は<pre>なる要素を利用してペタッと貼り付ける事が多いです。(ソースコードは<code>でやるのが正しいのではないかとは思いますが......)ご存知でしょうが、preを使うと改行や空白がそのまま反映されます。pre内でインデント出来ないpreは改行や空白が「そのまま」反映されます、それ故に発生する問題もあります。「インデント出来ない」のです。}}</pre></div>以下の様に表示されます。言え、これだと階層が分かりづらく、メンテナンス性が悪いのでインデントしたとします。</pre></div>もうお分かりでしょうが、以下の様になってしまいます。分かりづらいので反転させてみましょうかそうです、インデントまで表示されてしまっているのです。id="hogehoge"><pre>とかの中だと悲惨な事になりますね。JavaScriptで書き換えちまえきょうびJavaScriptを切っている人間なんてきっと居ないでしょう......セキュリティ対策で切っているとしたら......そいつが切るべきはJava(Scriptじゃない方)とFlashとSilverlightですね......そんな事はどうでも良いでしょう、インデントまで表示されてしまうのならば、表示されてしまうインデント分をJavaScriptで書き換えて削除してしまえば良いのです。先程のソースコードを好きな所(</body>の上がおススメ)に入れます、これでpreタグをインデントが出来る様になります。問題点としては、インデントはスペースではなく、タブ文字でインデントしないと行けない事ですかね。+/gm,"")」とかにして頂ければ行けます。全てのpreを対象にしてしまうのが気に入らない場合は「getElementsByTagName("pre")」を「getElementsByClassName("hoge")」などとすれば「class="hoge"」が付いたpreのみを対象に出来ます。(hogeはお好きな様にどうぞ)要は、ページをロードした際にpreタグの中身を見て、そこからタブ文字を消し去っているだけですね。【Hugo】シンタックスハイライトが不要な時にCSSを読み込まないタイトル通りの奴です。Hugoではシンタックスハイライトも静的に実行できるので、......続きを読む→Disqusで使えるHTMLタグ一覧このブログではコメント欄にDisqusを使用しています。そのDisqusですが......続きを読む→お名前.comのドメインオークションでドメインを登録したお名前.comのドメインオークションでドメインを登録する事があったのですが、色々......続きを読む→WordPress用のシンタックスハイライトプラグイン作った自分用です。Code1.0をインストールしてみたナカのヒト:HimaJyun​散って美しいのは桜だけです、情報はまとまっていた方が美しいのです。