カクヨム用の小説テキストをHTML(ルビ・pタグ)に一括変換するツール

目次

カクヨムの小説本文をHTMLのタグに置き換えるツール

元の文章(カクヨム記法)

変換オプション

各行に付与する文字
空行(改行のみ)の処理方法

※ブラウザ上で処理するため、サーバーに入力した文字を送信することはありません。

変換結果(コピペ用)

差分

ツールの説明

カクヨム形式で執筆された小説原稿(ルビ記法・傍点記法)を、ブログやWebサイトに載せるためにHTMLコードに一括変換するツールです。

カクヨム独自の |漢字《かんじ》《《傍点》》 を標準的な <ruby> タグに変換し、同時に全行の行頭・行尾へ <p></p> などのカスタムタグを自動で付与します。

カクヨム記法(ルビ・傍点)のHTMLタグ化

カクヨムのルールに従ったルビおよび傍点を、HTML5標準の <ruby> タグ形式に自動変換します。

ルビ記法の変換

  • 入力例:|山田太郎《やまだたろう》
  • 出力例:<ruby><rb>山田太郎</rb><rp>(</rp><rt>やまだたろう</rt><rp>)</rp></ruby>
  • 表示例: 山田太郎やまだたろう

傍点記法の変換

  • 入力例:《《傍点》》
  • 出力例:<ruby><rb>傍点</rb><rp>(</rp><rt>・・</rt><rp>)</rp></ruby>(上部に「・」を表示)
  • 表示例:傍点・・

各行の文頭・文末への任意タグ付与

各行の先頭と末尾に、任意のタグを一括で挿入できます。

デフォルトでは文頭に <p>、文末に </p> が設定されていますが、用途に合わせて <div><span>、あるいは <p class="novel-line"> のようなカスタムタグに変更可能です。

空行(改行のみの行)の処理オプション

小説原稿にある空行(文章の区切りなど)を、HTML上でどう表現するかに応じて、以下の3つの処理方法から選択できます。

空のタグを出力する(デフォルト)

空行に対して <p></p>(設定された文頭・文末のペア)を出力します。

<br> を出力する

空行を <br> タグに置き換えます(文頭・文末タグは付与されません)。

何も付与せず空行のままにする

タグを一切追加せず、改行のみの空行としてそのまま維持します。

差分チェック

変換前(カクヨム記法)と、変換後(HTMLコード)のテキストを左右に並べて差分を表示します。

ルビや傍点の変換が意図通り行われているかを視覚的に確認できます。

よかったらシェアしてね!
目次