木下由美.jp

［テスト投稿］改行を＜br ／＞に置換：する その２

改行を＜br ／＞に置換：する[Enter] 再度のテスト投稿です。[Enter]  ソース編集モードで操作しています。[Enter] 別記事に詳細を書きます。

［テスト投稿］改行を＜br ／＞に置換：する その１

改行を＜br ／＞に置換：する[Shift]+[Enter] 再度のテスト投稿です。[Enter]

WYSIWYG編集モードで操作しています。[Enter]

別記事に詳細を書きます。

［テスト投稿］改行を＜br ／＞に置換：しない その２

改行を＜br ／＞に置換：しない　[Enter] 再度のテスト投稿です。[Enter] ソース編集モードで操作しています。[Enter] 別記事に詳細を書きます。

---

（追記）この記事を書いたときの様子。

ソース編集モードを使用して文字入力。この画面では[Shift]+[Enter]キー操作ができないので、行変えはすべて[Enter]キーで行う。

　

WYSIWYG編集モードで確認すると、すべてベタでつながっている。

サーバへ反映後は、上記に見えるように、ソース編集モードで[Enter]キーを押したところも、ベタでつながっている（＜br／＞や＜／ｐ＞＜ｐ＞が入っていないので、当然とも言えるが）。

---

これも、「改行を＜br ／＞に置換：しない」という文言から受ける印象通りの挙動をしているように思う。ソース編集モードである以上、単純に[Enter]キーを押したからといって、表示が改行されないのは当然であり、手入力で＜br／＞や＜／ｐ＞＜ｐ＞等を入れてない以上、仕上がりが改行されずにベタ表示になって当たり前。

［テスト投稿］改行を＜br ／＞に置換：しない その１

改行を＜br ／＞に置換：しない　[Shift]+[Enter]
再度のテスト投稿です。[Enter]

WYSIWYG編集モードで操作しています。[Enter]

別記事に詳細を書きます。

---

（追記）この記事を書いたときの様子。

WYSIWYG編集モードを使用して文字入力。

　

　

ソース編集モードで確認すると、[Shift]+[Enter]キー操作をしたところに＜br／＞が、[Enter]キー操作をしたところに＜／ｐ＞＜ｐ＞が挿入されている。見た目はベタにつながっている。

---

「改行を＜br ／＞に置換：しない」という文言から受ける印象通りの挙動をしているように思う。WYSIWYG編集モードで入力した通りに表示されており、タグも自動的に適切なものが挿入されている。

［雑記］同窓会

高校の同窓会に行ってきた。短大卒業後に地元から離れてしまったので、久しぶりに見る顔ばかり。

名刺につけた「画像付きQRコード」は、QRコード[二次元バーコード]作成 【無料】で作成。http://www.kinoshitayumi.jp/ へのリンク。
もう一つ、携帯電話にメールアドレスと電話番号を登録するための「QRコードでプロフィール」は、QRのススメ 【無料で作成！QRコード徹底活用サイト】で作成。

「QRコード」は(株)デンソーウェーブの登録商標です。

［テスト投稿］「＆」の表示

xfy コミュニティ・フォーラムの/ 日本語フォーラム / xfy Blog Editor なんでも談話室 / に関連した投稿です。

以下はテスト投稿です。この記事は、xfy blog editorを使わずに書いています。

ソース画面で、そのまま入力&

＜pre＞タグを使用 &

［xfy Blog Editor］改行を＜br ／＞に置換 続き

［xfy Blog Editor］改行を＜br ／＞に置換の続き。

次に、WYSIWYG編集モードで実験。ヘルプによれば、WYSIWYG編集モードでは置換：しないが推奨されているので、その状態で入力。改行は[Shift]キー＋[Enter]キーで行っています。この状態でサーバに反映させたものが、［テスト投稿］パターン３です。WYSIWYG編集モードで見たままの状態が、ブログ上で再現されています。で、これをxfy Blog Editorのソース編集モードで確認すると、WYSIWYG編集モードで改行したところに、＜br／＞が入っています。HTMLの挙動としては、これで正しいのですが、ヘルプの記述である

しない

改行を＜br ／＞に置換しません。エントリー編集で主にWYSIWYG編集モードを利用する場合に選択すると便利です。

と突き合わせると、なんだか矛盾しているようにも受け取れます。

普段、私はWYSIWYG編集モードを主に使っているので、ヘルプにある通り、置換：しないでサーバーに反映しているのですが、今回調べているうちに、この機能の意味・挙動が、よくわからなくなりました。継続して調べてみることにします。

「改行」と「改段」 一太郎では、「行を変えたいとき」に[Enter][キーを押して「改行」します。また、一太郎での「改段」は、「段組」を設定しているときにしか登場せず、「改段＝段組の途中で、文字を次の段へ送る」機能のことを言います。 しかし、xfy Blog Editorでは、意味や挙動が違います。 [Enter]キーを押す ＝ 改段 ＝ 段落を変える = ＜p＞＜／p＞の挿入 [Shift]キー＋[Enter]キーを押す ＝ 改行 ＝段落の中で行変えする ＝＜br／＞の挿入 この記事では、改行を＜br ／＞に置換、つまり、[Shift]キー＋[Enter]キーを押す操作を＜br ／＞に置換 ということになります。

［xfy Blog Editor］改行を＜br ／＞に置換

xfy コミュニティ・フォーラムの/ 日本語フォーラム / xfy Blog Editor なんでも談話室 / に関連した投稿です。

xfy Blog Editorの［エントリー詳細設定］ダイアログボックスにある改行を＜br／＞に置換という設定項目の挙動がわかりにくいので、実験してみました。 「xfy Blog Editor ヘルプ 」によれば、

する

改行を＜br／＞に置換します。エントリー編集で主にソース編集モードを利用する場合に選択すると便利です。

しない

改行を＜br ／＞に置換しません。エントリー編集で主にWYSIWYG編集モードを利用する場合に選択すると便利です。

とあります。設定を変えて実際に投稿してみることにしました。

　

まずは、ソース編集モードを利用して、置換：しないでサーバへ反映させたものが、［テスト投稿］パターン１です。ソース画面上で、Enterキーを押した部分が、ソース画面上では改行されて見えますが、実際に投稿した画面では、Enterキーを押した部分が＜br ／＞に置換されていませんので、つながった状態で表示されています。

次に、ソース編集モードで、置換：するにした場合です。入力は「パターン１」と同様。ここで、私の推測と反した結果が出てしまいました。［テスト投稿］パターン２の見た目が、［テスト投稿］パターン１と同じなのです。私の推測では、＜ｂｒ／＞に置き換えられて
　　　　改行を＜br ／＞に置換：する
　　　　テスト投稿です。
　　　　別記事に詳細を書きます。
と表示されるものだと思ったのですが。

　

パターン１（置換：しない）と、パターン２（置換：する）では、上の二つの画像にあるように、「ソース編集モード」画面上での見た目は、全く同じです。で、サーバ反映後のブログ見た目も同じ。どこか違うところがあるはず……とチェックしてみたら、WYSIWYG編集モードでの見た目が違いました。

パターン１（置換：しない）の画面

　

　

　

パターン２（置換：する）の画面

　

　

　

置換：するのほうでは、見た目が改行されているのです。でも、ソースのほうには＜ｂｒ／＞タグも＜ｐ＞タグも無いので、サーバへ反映したあとの見た目は、パターン１（置換：しない）とパターン２（置換：する）が同じなのです。ということは、WYSIWYG編集モードでの見た目を変更するだけの機能？？？

［xfy Blog Editor］改行を＜br ／＞に置換　続きへ。

［テスト投稿］パターン３

改行を＜br ／＞に置換：しない
テスト投稿です。
別記事に詳細を書きます。

［テスト投稿］パターン２

改行を＜br ／＞に置換：する テスト投稿です。 別記事に詳細を書きます。