web-dev-qa-db-fra.com

Comment encapsuler le texte dans la vue source de CKeditor

J'utilise CKeditor version 7.x-1.16 avec Drupal 7.34. Comment puis-je forcer le texte à encapsuler dans la vue source de l'éditeur. Je ne veux pas la barre de défilement horizontale apparaît.

J'ai réussi à le faire dans la vue WYSIWYG. Appuyer sur la touche Entrée dans la vue source ne le résoudra pas, car il est annulé au prochain basculement entre les vues.

Voir les images pour les différences. C'est le même texte qu'il apparaît lorsque je bascule entre ' Vue source ' et ' Vue WYSIWYG '

Cela semble être un problème Firefox, car dans Google Chrome ce n'est pas un problème.

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

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

7
Boutros AbiChedid

J'ai trouvé la solution à ceci: Il s'agit uniquement d'un problème de navigateur Firefox (version FF> = 36). Ce comportement n'est pas affecté dans les autres principaux navigateurs (Safari, IE et Chrome). Voici le correctif. Ajoutez le code suivant au fichier CSS de votre thème:

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

Fondamentalement, vous écrasez la propriété 'white-space' du sélecteur "cke_source" dans le fichier "editor_gecko.css" du module CKEditor. Ce fichier se trouve dans: \sites\all\bibliothèques\ckeditor\skins\moono\editor_gecko.css

Références:

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
Boutros AbiChedid

Vous devriez probablement utiliser le module WYSIWYG (la dernière version de développement) et obtenir CKeditor directement à partir de leur site (la version 4.x) et utiliser le plugin Code Mirror. Vous aurez plus de chance de rester à jour.

0
Eric Aitala