Blog

HOME > Web > Wordpress > プラグイン > 【WordPress】CKEditor for WordPressの改行と&nbspについて

【WordPress】CKEditor for WordPressの改行と&nbspについて

2016/01/14

Wordpress プラグイン

新規案件でCKEditor for WordPressプラグインを初めて使いました。

エディターで文字の装飾が簡単にできるため
クライアントさんにとって使い勝手はいいものの
編集をすると余計な改行が入り、
文章の行間が広くなってしまうという報告がありました。

いろいろと参考にしたところ、
Enterで<p>が挿入され、
Shift+Enterで<br>が挿入されるということが分かりました。

また、原因は不明ですが、更新後、
勝手に<p>&nbsp;</p>が挿入され、
余計に空白ができてしまう現象がありました。

クライアントさんのほうで編集する際に、
手癖でEnterを押すことが考えられるのと、
 が入るのを解決するために
根本的な修正をすることにしました。

参考サイト
エディタのソースにインデントがはいる

こちらを参考にckeditor.config.jsへ下記のタグを追加しました。

CKEDITOR.editorConfig = function( config )
{
        //ここから
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';

	CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;　// ENTERを押した時にbrタグ
	CKEDITOR.config.height = '450px';　// 個人的に高さを調整しています。
	
	config.basicEntities = false;
	config.fillEmptyBlocks = false;
        //ここまで
};

編集ファイルをアップ後、Enterを押したところ、
<br>の改行になりました。

また、更新後の&nbsp;挿入も解決しました。
ただし、<p></p>タグだけは入ってしまうようです。
&nbsp;は挿入されないので、style.cssなどでpタグのmarginとpaddingを0にしておけば大丈夫です。

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ