web-dev-qa-db-ja.com

CKeditorのソースビューでテキストを折り返す方法

私は CKeditor バージョン7.x-1.16とDrupal 7.34を使用しています。テキストをエディターのソースビューで強制的に折り返すにはどうすればよいですか。不要です。表示する水平スクロールバー。

私はWYSIWYGビューでそれをどうにかして行いました。 「ソースビュー」で「Enterキー」を押しても、ビュー間の次の切り替えで無効になるため、それは解決されません。

違いについては画像を参照してください。これは、「ソースビュー」と「WYSIWYGビュー '

Google Chromeブラウザでは問題ではないので、これはFirefoxの問題のようです。

CKEditor Source View with Horizontal Scroll bar. The text doe not wrap.

CKEditor WYSIWYG View No Horizontal Scroll bar. The text wrap.

7

私はこれに対する解決策を見つけました:これはFirefoxブラウザーのみの問題です(FFバージョン> = 36)。この動作は、他の主要なブラウザ(Safari、IEおよびChrome)では影響を受けません。修正は次のとおりです。テーマのCSSファイルに次のコードを追加してください:

.cke_source { white-space: pre-wrap !important; }

基本的に、CKEditorモジュールの「editor_gecko.css」ファイルの「cke_source」セレクターの「white-space」プロパティを上書きしています。このファイルは次の場所にあります:\ sites\all\libraries\ckeditor\skins\moono\editor_gecko.css

参照:

https://stackoverflow.com/questions/29038262/source-code-not-wrapping-in-ckeditor-on-firefox

https://www.drupal.org/node/148934

http://dev.ckeditor.com/ticket/13031

10

おそらくWYSIWYGモジュール(最新の開発バージョン)を使用し、サイト(4.xバージョン)から直接CKeditorを入手して、コードミラープラグインを使用する必要があります。あなたは現在を維持するより良い運を持っているでしょう。

0
Eric Aitala