プラグインなしでソースコードを記事に記述できる記事作成支援ツール

ここでは、srctohtmlというオンラインでソースコードを変換してくれるサイトをご紹介します。

srctohtmlは、JavascriptやPHPなどのソースコードを、簡単にHTMLとして出力してくれます。

出力されたHTMLをコピーし、下のようにブログの記事編集画面に貼り付けることができます。

1. /* トップページのタイトル非表示 */
2. post-●●●● h1.entry-title {
3. display: none;

操作の手順

srctohtmlを開きます。

以下のように設定します。

① 変換したいソースコードを貼る

② ソース言語を選択

③ 下からデザインを選択

④ マーカーをを付ける場合、箇所を指定して選択範囲にマーカーを追加ボタンを押す

⑤HTMLに変換ボタンを押す

変換が開始します。

変換されたHTMLを記事にコピー&ペーストします。

見た目の修正

生成されたコードをこのまま貼り付けると、下のように上下にヒゲが出ると思います。

なので、下のように<code>と</code>を削除します。

これでヒゲがなくなり、下のようにキレイに表示させることができます。

1. /* トップページのタイトル非表示 */
2. post-●●●● h1.entry-title {
3. display: none;

便利なので使ってみてください。