Cách bọc văn bản trong Chế độ xem nguồn của CKeditor

Tôi đang sử dụng CKeditor phiên bản 7.x-1.16 với Drupal 7.34. Làm cách nào tôi có thể buộc văn bản bao bọc trong chế độ xem nguồn của trình chỉnh sửa. Tôi không muốn thanh cuộn ngang xuất hiện.

Tôi quản lý để làm điều đó trong chế độ xem WYSIWYG. Nhấn 'Enter key' trong 'chế độ xem nguồn' sẽ không giải quyết được, vì nó bị ghi đè ở chuyển đổi tiếp theo giữa các chế độ xem.

Xem hình ảnh cho sự khác biệt. Đây là cùng một văn bản như nó xuất hiện khi tôi chuyển đổi giữa ' Chế độ xem nguồn ' và ' Chế độ xem WYSIWYG '

Đây dường như là một vấn đề của Firefox, vì trong trình duyệt Google Chrome, đây không phải là vấn đề.

Tôi đã tìm thấy giải pháp cho vấn đề này: Đây chỉ là sự cố trình duyệt Firefox (phiên bản FF> = 36). Hành vi này không bị ảnh hưởng trong các trình duyệt chính khác (Safari, IE và Chrome). Đây là cách khắc phục. Thêm mã sau vào tệp CSS của chủ đề:

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

Về cơ bản, bạn đang ghi đè lên thuộc tính 'khoảng trắng' của bộ chọn "cke_source" trong tệp "Editor_gecko.css" của mô-đun CKEditor. Tệp này được đặt tại: \ sites \ all \ library \ ckeditor \ skin \ moono \ Editor_gecko.css

Người giới thiệu:

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

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

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

Bạn có thể nên sử dụng mô-đun WYSIWYG (phiên bản dev mới nhất) và nhận CKeditor trực tiếp từ trang web của họ (phiên bản 4.x) và sử dụng plugin Code Mirror. Bạn sẽ có may mắn hơn giữ hiện tại.