Home > 記事の作成 > 改行の幅<p><br>

改行の幅<p><br> Archive

本文改行の幅 TinyMCEエディタ

Joomla!で記事本文を書く時Enterで改行すると、
改行幅が広いよね。
そうよね。もっと狭くていい時もあるよね。

Joomla本文の改行方法

この文章をEnterで改行すると

Joomla本文改行<p>TinyMCE

こうなります。

改行はEnterを押すよね。
そうだよ。
ちょっとSift+Enterで改行してみて。

Joomla改行<br>Shift Enter

こうなります。

Sift+Enterで改行すると、改行の幅が狭いよ。

あれっ?!なぜ?
Enterは <p>タグ、
Shift+Enterは<br> タグなのよっ!

 

 Entrerで改行したフロントエンドとHTMLソース

Joomla改行<br>Enter

Joomla改行Enter<p>

 <p>タグで改行されています。

 

 Shift+Entrerで改行したフロントエンドとHTMLソース

Joomla<br>shift enter改行

Joomla<br>shift Enter改行

 <br>タグで改行されています。

便利なJoomla!機能ねっ
いいえこれはJoomla!じゃなくて、TinyMCEエディタの機能よ。
だって他のエディタJoomlaFCKで試したら逆だったもん。
Enterは<br> 、
Shift+Enterは <p>だったよ。
便利~!Joomla!は<br> できなくてめんどくさいって思っていたよ。

 

Joomlaモジュールrightメニューの折りたたみ方法Joomla!にデフォルトで入ってるTinyMCEエディタの機能についてでしたね。

TinyMCEエディタで、改行の際

Enter は <p>タグ(改行の幅が広い)、
Shift+Enterは  <br> タグ(改行の幅が狭い)

で記述されます。

他のエディタでは異なりますので、エディタごとに機能を確認して利用してくださいね。
ちゅん、ちゅん!

ホーム > 記事の作成 > 改行の幅<p><br>

ブログランキング
にほんブログ村 IT技術ブログ オープンソースへ
最近の投稿
カテゴリー
最近のコメント

Return to page top