2つの編集モード-SIRIUS2の使い方

旧SIRIUSが新しくなると聞いてワードプレスのブロックエディターの完全ビジュアル編集のようなシステムで来るかと思ってたんですが、蓋を開けてみたら従来からあるテキストモード（＋デザインモード）の踏襲でした。

ということでここではテキストモードとデザインモードの違いをあらためてご紹介します。
もちろんSIRIUS2になってからは両モードともかなりブラッシュアップされてますよ。

テキストモードと言うのは旧SIRIUS時代からあるHTML形式の編集モードです。
もっとも自分でHTMLタグを書く必要はなく、SIRIUS2側が勝手にHTMLタグを自動生成してくれます。

たとえばSIRIUS2側で用意されてる装飾効果のひとつに『承諾（OKマーク）』というのがあります。

テキストを範囲選択して『承諾（OKマーク）』をクリックすると下のようなHTMLタグが自動的に挿入されます。

テキストモードだとこの段階ではどんなレイアウトなのか全くわかりません。
レイアウトを確認するにはブラウザでのチェックが必要です。

そこでSIRIUS2の内蔵ブラウザで表示チェック（プレビュー）をしてみると…ちゃんと『承諾（OKマーク）』用のレイアウトで表示されてるのが確認できます。

画像を挿入してもテキストモードだと画像専用のタグが挿入されるだけ。

実際の表示確認はプレビューに頼ることになります。

このようにSIRIUS2のプレビュー機能で確認するまでは実際のレイアウトが確認できないので、どちらかといえばサクサクと文章を打つ方向けの機能と言えます。

もちろんHTMLやCSSに詳しい方はテキストモードの方が”早く打てる”ことでしょう。
（筆者もテキストモード専門です）

（外部モニターを接続しているなど）SIRIUS2の内蔵ブラウザを常時立ち上げておける環境なら、テキストモードでも編集後に瞬時に内蔵ブラウザでの表示チェックができます。

何よりブラウザでの表示チェックですからデザインモードよりもより正確なレイアウトで確認できます。

デザインモードというのはブラウザでの表示に近いレイアウトを保ったまま編集可能な（どちらかと言えば）HTMLやCSSがあまり得意でない、あるいはその都度レイアウトを確認しながら編集したい方向けの編集モードです。

HTMLタグを意識することなく装飾効果をリアルタイムに確認しながら編集できるので直感的な編集方法と言えます。

たとえば先ほどの『承諾（OKマーク）』も、デザインモード上ならプレビューで確認することなくその場でレイアウトを確認することができます。

画像を挿入すればその場で表示されます。

「じゃあデザインモードの方がラクなんじゃないの？」と思われる方もいらっしゃるでしょう。
それがそうでもないんですね。

テキストモードでしか使えない機能もあったりしますから。

たとえば一時的に非表示にできる『コメントアウト』や『目次タグの挿入』など。
これらはデザインモードではそもそもコマンド自体が表示されないので、一度テキストモードに戻って操作する必要があります。

またSIRIUS2の新機能「パーツ」で作成した独自タグなんかはデザインモードでもテキストモードでもSIRIUS2の独自タグが表示されるだけなので、最終的な表示確認は（内蔵 or 既定）ブラウザでのプレビューにお任せすることになります。

またいろいろ編集し続けていくと時として表示がおかしくなるときがあります。
そんなときはデザインモードでは原因がなかなか見つけにくかったりします。

こういうときはテキストモードに戻ってみると不具合の原因が見えてきたりします。