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


7

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

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

違いについては画像を参照してください。これは、「ソースビュー」と「WYSIWYGビュー」を切り替えたときに表示されるテキストと同じです。

これはFirefoxの問題のようです。GoogleChromeブラウザーでは問題ではないためです。

水平スクロールバー付きのCKEditorソースビュー。 テキストは折り返されません。

CKEditor WYSIWYG表示水平スクロールバーなし。 テキストの折り返し。

回答:


10

私はこれに対する解決策を見つけました:これは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

参照:

/programming/29038262/source-code-not-wrapping-in-ckeditor-on-firefox

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

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


0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.