縦書きエディタで検索すると色々出てくるけどWYSIWYGは少なめだった。入力欄が横で右に縦書きで表示するタイプのものがある。ワードみたいにボタン一つで編集できればなと思っていろいろ試した。ウェブでやろうとしてTinyMCEに縦書きCSSを当てたらそれらしくなった。EPUBの表示確認がしたかったのでEPUBで使っているcssをそのまま使った。TinyMCEの使い方は英語のドキュメントを見るほうが早いようだけど、日本語の方が読むのが早いので日本語で書かれたサイトの方を見てしまう。
独自のボタンをつけたい
ルビ、縦中横、傍点、傍線のボタンを追加できればと思う。
単体でボタンを追加すると表示されるが、他と混ぜると消える。 www.tiny.cloud
地付けをdivで囲んだpにしようとしたらp要素が消えた、wrapperをtrueにしたらp要素が消えなくなった。 alignright: {block: 'div', 'classes': 'btm', wrapper: true},
保存と読み込み方法を考える。
TinyMCEはHTMLが標準のデータ形式であるが、CSSとセットではないと表示方法が制限される。青空文庫注記に変換しても、青空文庫を読み込んでHTMLに変換しないと表示できない。 HTMLから青空文庫、青空文庫からHTMLの両方の変換がないと編集としての意味がない。 AozoraJavaScriptParserというのを見つけたがそのままでは使えなさそうだった。というのもCSSが独自なので、classに対応させている表示が違う。class部分や対応するタグを書き換える必要がありそうだ。 github.com
