SharePoint : リッチテキストエディタの「段落の方向」って何?「左・右揃え」との違いは?

リッチテキストエディタには「段落」というセクションがあります。

▼「箇条書き」「段落番号」などはよく利用するのではと思います。

▼「インデント」「インデント解除」に関しても場合によっては利用すると思います。

▼「右揃え」「中央揃え」「左揃え」「両端揃え」も利用頻度は高いかもしれないです。

▼ところで「段落の方向 – 左から右」「段落の方向 – 右から左」は使った事ありますか?

初期状態では「左揃え」と「段落の方向 – 左から右」が選択されている状態になっています。また、「右揃え」も「段落の方向 – 右から左」も、クリックした結果だけを見れば、右に寄せられる事は同じです。では、この「揃え」系と「方向」系の違いはなんでしょうか?

実際にクリックした後のソースを元に考えてみます。

▼「左揃え」

<p style=”text-align: left;”>テキスト</p>

※初期状態では選択されている状態ですが、ブラウザの初期状態が左揃えなのでソースにはタグは含まれていません。一度右揃えにした後に再度左揃えになると、上述のようなソースになります。

▼「右揃え」

<p style=”text-align: right;”>テキスト</p>

▼「段落の方向 – 左から右」

<p dir=”ltr” style=”text-align: left;”>テキスト</p>

※「左揃え」と同じく、初期状態ではタグはない。

▼「段落の方向 – 右から左」

<p dir=”rtl” style=”text-align: right;”>テキスト</p>

※ここを選択すると「右揃え」も自動で選択される。


「揃え」系は「text-align」を使用し左右に揃えるのでわかりやすいです。
問題は「方向」系です。こちらも「text-align」を使用していますが、大事な部分は「dir=””」の部分です。これはあまりメジャーではないタグかと思いますが、書字方向を指定するタグです。そもそも「書字(しょじ)方向」って何よ?って感じですが、文字を書き進める方向という意味で、縦書き・横書きも該当するそうですが、dir=””を使用する場合は横書きにおいて左から右か右から左を指定します。”ltr”は「left to right」で、”rtl”は「right to left」のようです。

つまり、「段落の方向 – 右から左」の場合は、見た目は右揃えと同じですが、dir=”rtl”があるので中身は全く違う事になります。この指定をすると、読み順としては「トスキテ」と読む事になるのかな。

右から左へ記述するのは例えばアラビア語などなので、そういう言語で文章を書く場合に指定するボタンでしょうね。ワールドワイドな製品なので。

多くの場合はあまり関係のない事かと思いますので、やはり右揃えにしたい場合は、視覚的には同じだとしても、「右揃え」を使い、「段落の方向 – 右から左」は利用しないようにしましょう。

ちなみにCSSカスタマイズで「方向」系ボタンを非表示にしたい場合は、idのRibbon.EditingTools.CPEditTab.Paragraph-Large-0-0-2がオリジナルのidっぽいので消せそうですが、そこまでする必要もないだろうし、検証はしません(笑)

以上、なんか気になるボタンだったので調べてみました。

SharePoint : リッチテキストエディタのフォントサイズは直接入力できます

複数行テキスト列などリッチテキストエディタではフォントサイズを変更できますが、選択肢になっていて、ドロップダウンの中は「9pt、11pt、13pt、18pt、24pt、36pt、48pt、72pt」から選択可能です。

これだけ見るとここから選択するしかないように思えますが、実は直接サイズを入力する事が可能な事を知らない方は経験則では結構多いです。

▼選択肢の部分に直接入力すると好きなフォントサイズに変更できます。

▼ptだけでなくpxやemなどもOKです。

▼必要性やモラルは置いといて、閲覧した人がビックリするくらいのサイズにも…。

同じくフォントファミリーの指定も直接入力できますが、ここはほとんどニーズはないのかなと思います。

選択肢のザックリとしたフォントサイズに納得いかない方は、このように直接入力でフォントサイズを指定してみましょう。