2016/01/14
Wordpress プラグイン
新規案件でCKEditor for WordPressプラグインを初めて使いました。
エディターで文字の装飾が簡単にできるため
クライアントさんにとって使い勝手はいいものの
編集をすると余計な改行が入り、
文章の行間が広くなってしまうという報告がありました。
いろいろと参考にしたところ、
Enterで<p>が挿入され、
Shift+Enterで<br>が挿入されるということが分かりました。
また、原因は不明ですが、更新後、
勝手に<p> </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>の改行になりました。
また、更新後の 挿入も解決しました。
ただし、<p></p>タグだけは入ってしまうようです。
は挿入されないので、style.cssなどでpタグのmarginとpaddingを0にしておけば大丈夫です。
2023/06/30
神社
御朱印
2023/06/15
Mac
Linux
2023/04/16
時宗
御朱印
2023/04/14
臨済宗
御朱印
2023/04/05
寺院
御朱印