Supprimer caractères de saut de ligne lors de l'ajout d' <p> dans CKEditor

Lors du chargement de contenu avec un ensemble de paragraphes dans CKEditor, il remplace mon <p> balises avec <p>&#x9;

Cela signifie que l'éditeur convertit ce:

<p>paragraph 1</p>
<p>paragraph 2</p>
<p>paragraph 3</p>

dans ce que se termine comme ça:

<p>
   paragraph 1</p>
<p>
   paragraph 2</p>
<p>
   paragraph 3</p>

Comment puis-je résoudre ce problème afin que CKEditor ne pas ajouter d'autres caractères de saut de ligne lorsqu'il voit les étiquettes de paragraphe?

OriginalL'auteur dove | 2010-03-30

  1. 12

    Ajouter cette ligne à la ckeditor.js fichier de configuration:

    n.setRules('p',{indent:false,breakAfterOpen:false});

    Plus sur la mise en forme du code HTML de l'Écrivain peut être trouvé dans Guide Pour Les Développeurs: Formatage De Sortie à CKSource Docs.

    Je vous remercie beaucoup pour cela. C'est une de ces choses sur la CKEditor qui m'a ennuyé beaucoup et je n'ai jamais su comment le changer. Je n'ai aucune idée de qui aurait envie d'un retour à la ligne et de retrait à l'intérieur d'une balise p 🙂

    OriginalL'auteur Paolo

  2. 25

    Ailleurs (mes excuses que je n'ai pas fait une note de l'endroit où je l'ai eu à partir.), J'ai trouvé le code pour résoudre ce problème pour tout le bloc-balises de niveau. Pour mon projet, le supplément de nouvelles lignes ont été un problème en raison de la sortie XML et l'importer dans d'autres applications comme CDATA.

    Donc, dans mon ckeditor_config.js fichier, après l'CKEDITOR.editorConfig fonction, j'ai mis dans cette:

    CKEDITOR.on('instanceReady', function( ev ) {
  var blockTags = ['div','h1','h2','h3','h4','h5','h6','p','pre','li','blockquote','ul','ol',
  'table','thead','tbody','tfoot','td','th',];

  for (var i = 0; i < blockTags.length; i++)
  {
     ev.editor.dataProcessor.writer.setRules( blockTags[i], {
        indent : false,
        breakBeforeOpen : true,
        breakAfterOpen : false,
        breakBeforeClose : false,
        breakAfterClose : true
     });
  }
});

    Certains de ces éléments peuvent ne pas avoir besoin de ce traitement; il est évident que la blockTags tableau peut facilement être modifiée pour vos besoins.

    eon.... merci sooo beaucoup pour cette petite bénédiction morceau de code! +100!
    Très utile, merci.
    Merci, très utile morceau de code
    On dirait que cette réponse est de continuer à aider les 4 ans plus tard. Le maintien d'un ancien système, et en avaient besoin pour résoudre un problème avec les balises ^^.

    OriginalL'auteur eon

  3. 1

    Je crois qu'il y a un réglage de format du code, ou de l'auto-indentation ou quelque chose le long de ces lignes. Il a pour but de rendre le code source plus lisible. Son efficacité est ouverte à l'opinion, je suppose.

    OriginalL'auteur Pickle

  4. 1

    Si vous êtes comme moi et que vous souhaitez le faire au niveau de l'instance et ne voulez pas toucher les fichiers de configuration de sorte qu'il est facile de mettre à jour/mise à niveau. Alors voici une autre solution.

    CKEDITOR.replace( 'editor1',
{
    on :
    {
        instanceReady : function( ev )
        {
            //Output paragraphs as <p>Text</p>.
            this.dataProcessor.writer.setRules( 'p',
                {
                    indent : false,
                    breakBeforeOpen : true,
                    breakAfterOpen : false,
                    breakBeforeClose : false,
                    breakAfterClose : true
                });
        }
    }
});

    Référence: Formatage De Sortie

    OriginalL'auteur Siva

  5. 0

    Meilleure solution qui pourrait fonctionner comme un charme:

    modifier contenu.css fichier et le paramètre de style de paragraphes par exemple

     p {
     margin-top:0px;
     margin-bottom:5px;
 }

    OriginalL'auteur Waqas Amjad