mayu-tateno / give-me-three

0 stars 0 forks source link

ルビ振り機能 #4

Open mayu-tateno opened 4 months ago

mayu-tateno commented 4 months ago

概要

ルビを振ることができると、限られた文字数で表現の幅を格段に上げることができるためマストで実装したい機能。

調べた限り、あらゆる文字列にルビを振ることを可能にするには、小説の内部でルビを振る時専用の記法を用意して、表示するときにルビとして表示する方法が良さそう。 この方法であればルビ用のテーブルやカラムを作成する必要がない。 また表示する際に、縦書きだと表示されにくい場合があるようでCSSなどで調整する必要がありそう。

ただし書いた文章と実際の表示が異なることになるため、下書き・プレビューもできるようにしたいところ。

参考記事

各種小説投稿サイトのルビ記法をJavaScriptで実現する 文字を縦書きに/文字にルビをふる https://hilock702.blogspot.com/2010/06/cssjavascriptibooksjavascript.html

mayu-tateno commented 3 months ago

ルビを専用の記法で表現する場合、小説の文章にルビの文字数も含まれることになってしまうため、ルビの文字数と小説本文を区別してカウントする必要がある。 正規表現を使って、ルビの部分のみを小説の文字数カウントから外すのが良さそう。