HTML テキストエリアに行番号を表示する を使用する場合要素の左マージンに行番号を表示すると、コードの読みやすさとデバッグが向上します。</p> <p><strong>ソリューションとしての CodeMirror</strong></p> <p>CodeMirror は強力なコード エディター ライブラリです。これを利用して、<textarea> に行番号を追加できます。その広範なドキュメントには、その実装に関する詳細なガイダンスが記載されています。</p> <p><strong>実装デモ</strong></p> <p>完全に機能するデモは、StackOverflow サンドボックスにあります。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var editor = CodeMirror.fromTextArea(document.getElementById('code'), { lineNumbers: true, mode: 'text/x-perl', theme: 'abbott', });</pre><div class="contentsignin">ログイン後にコピー</div></div> <p><strong>追加リソース</strong></p> <p>さらなるサポートとカスタマイズ オプションについては、次のリソースを参照してください。</p> <ul> <li>CodeMirror ドキュメント: https://codemirror.net/doc/ </li> <li>CodeMirror の CSS: https://codemirror.net/doc/manual.html#styling</li> </ul>
