Vertical text support in the forum

WaniKani Feedback
1

It would be nice occasionally to have the ability to write vertical Japanese in the forum, particularly when discussing e.g. manga speech bubbles or novel text which is normally printed vertically in Japanese.

CSS supports this with the writing-mode property, however, for security reasons users aren’t allowed add arbitrary CSS to their posts.

What they are allowed add is arbitrary data attributes. My suggestion is that the forum admins add a new CSS option that targets a data attribute to enable vertical text. Adding a new CSS attribute is something discourse supports (see discourse docs).

Basically the forum would need a custom CSS snipped like

[data-vertical] {
  writing-mode: vertical-rl;
  /* Prevent the entire message going in one vertical line */
  columns: 15em;
}

Then someone could add something to their post like:

<div data-vertical>
  このメッセージにふりがなはない。<br>
  このメッセージに<ruby>振り仮名<rp>(</rp><rt>ふりがな</rt><rp>)</rp></ruby>はある。<br>
  <br>
  以呂波耳本部止千利奴流乎和加餘多連曽津祢那良牟有為能於久耶万計不己衣天阿佐伎喩女美之恵比毛勢須
</div>

and it would render like:

image

You can see an example in this fiddle:

9 Likes