注目キーワード

【実用的】HTML内にソースコードを埋め込む方法 – 便利なWEBアプリを公開

ファイルから読み込み:
ID番号(重複の防止)
クリップボードに自動保存:




概要

HTMLを触っていると、ソースコードを書きたくなることがあります。しかし、べた書きはあまり見栄えが良くないですよね。できることなら、オシャレに、かつ読者にとって便利なソースコードを記述したいものです。

本ページを用いることで、下のように、オシャレなソースコードを簡単に作成できます。また、右側にはコピーボタンや保存ボタンが添付されており、利用者は簡単にソースコードを使うことができ、便利です。試しに下のボタンを押してみてください。クリップボードに「print(“hello, world!)」と保存されたことが確認できるでしょう。

ページ上部のテキストボックスにソースコードを入力してください。その下にある番号の入力欄は、IDの設定です。Javascriptの使用上、同一のページに同じIDのボタンは存在しえない(エラーを吐く)ため、同じページに複数のソースコード欄を配置する場合は、異なる番号のIDを設定してください。

本ページは、過去に私が作成した同一の機能をもつページのリメイクです。こちらも併せてご覧ください。

使用上の注意

本ページの使用に関して特に制約は設けません。また、生成されたHTMLやJavascriptのコードに関する使用も自由です(自作発言はご遠慮ください)。本ページを他の方に紹介して頂きますと、今後のWEBアプリ制作の励みになります。ページ上部または下部にありますSNSリンクボタンより拡散いただけます。

本ページの使用によって生じた損害について、当方は責任を負いかねますので予めご了承ください。

最新情報をチェックしよう!