ページ 1 ／ 1
tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月12日(木) 10:03
by cradle
MODXver 1.0.6J
TinyMCE 3.4.9
いつもお世話になっております。
tinyMCEの改行に関する質問です。
改行キーの動作をPに設定した場合に入る、<p></p>の表示に関してなのですが、
エディタ上の表示では、<p></p>は１行分のスペースとして表示されるのですが、
フロントエンド側との表示を同じにしたいので、エディタ上では、<p></p>でスペースが表示されないようにしたいのです。
どのような方法がありますでしょうか。よろしくお願い致します。
Re: tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月12日(木) 13:06
by yama
http://modx.jp/blog/529.html
表示を同じにということであれば上記の方法はいかがでしょうか
Re: tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月12日(木) 22:46
by cradle
ありがとうございます。この方法で試してみます。
Re: tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月13日(金) 13:45
by cradle
改行時に増えていく<p></p>のコードを、<p> </p>に変えることは可能でしょうか？
先の方法を適用したあとに、気付いたのですが、
shift+enterで複数の改行を入れた場合、
コード: 全て選択
<p class="○○○○○">文章A<br /><br /><br />文章B<br /><br />文章C</p>
のように一つのpタグで囲まれてしまい、Ａ～Ｃの文章に同じスタイルがかかってしまうことに気付きました。
インデントなどを各文章に適用する時にうまく適用できないことがあるので、
コード: 全て選択
<p class="○○○○○">文章A</p><p> </p><p> </p><p class="○○○○○">文章B</p><p> </p><p> </p><p class="○○○○○">文章C</p>
のように表示させたいのです、方法がありますでしょうか。
重ね重ね申し訳ありませんがよろしくお願い致します。
Re: tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月13日(金) 13:53
by yama
コード: 全て選択
global $content;
$content = str_replace('<p></p>','<p> </p>',$content);
上記のようなプラグインを作ってOnBeforeDocFormSaveにチェックを入れるとそのようになると思います
Re: tinyMCEの改行<p></p>をエディタ上では行スペースが表示されないようにしたいです。
Posted: 2012年4月13日(金) 14:12
by cradle
ありがとうございます。うまくいきました！