Éteignez enfermant <p> balises dans CKEditor 3.0

Est-il possible de désactiver le réglage automatique de englobante de l'ensemble du contenu écrit à l'intérieur <p></p> dans CKEditor 3.x?

J'ai essayé

  CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;

mais cela change juste les retours à la ligne (inline <br /> tout en laissant le paragraphe englobant.

En train d'écrire "Test" produit de cette sortie

<p>
    Test</p>

mais je veux qu'il soit tout simplement

Test

Est-il une propriété de configuration pour ce ou serait d'une autre éditeur de ligne d'entrée pour être mieux adapté pour cela?

double possible de Comment configurer ckeditor pour ne pas envelopper le contenu de <p> bloc?

InformationsquelleAutor Kosi2801 | 2009-12-30

83

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR; - cela fonctionne parfaitement pour moi.
Avez-vous essayé de vider votre cache navigateur - c'est une question parfois.

Vous pouvez également vérifier avec le jQuery adaptateur:
```
<script type="text/javascript" src="/js/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/js/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
$(function() {
    $('#your_textarea').ckeditor({
        toolbar: 'Full',
        enterMode : CKEDITOR.ENTER_BR,
        shiftEnterMode: CKEDITOR.ENTER_P
    });
});
</script>
```
Mise à JOUR selon @Tomkay commentaire:

Depuis la version 3.6 de CKEditor, vous pouvez configurer si vous voulez du contenu en ligne pour être automatiquement emballé avec des balises comme <p></p>. Ce paramètre est correct:
```
CKEDITOR.config.autoParagraph = false;
```
Source:
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.autoParagraph
- Je me rends compte de ce qui a été acceptée en tant que droit de réponse, mais je ne pense pas que ce soit correct. Ceci n'empêche le contenu de l'envelopper dans des étiquettes de paragraphe, mais il empêche également des étiquettes de paragraphe d'être généré lorsqu'ils "devraient" être, en insérant des sauts de ligne à la place. Une bonne solution serait de prévenir le défaut <p></p> bien que toujours enveloppant contenu dans les paragraphes lorsque la touche entrée est pressée.
- Pour les gens à obtenir leur configuration à partir d'autres parties de direct javascript: CKEDITOR.ENTER_BR a une valeur de 2. Alors u peut également faire enterMode: 2
- il ne fonctionne pas parfaitement pour moi: l'insertion d'un caractère spécial, après une BR échoue avec un NS_ERROR_FAILURE dans Firefox
- Cela ressemble à un hack et pas comme un valide de configuration du plugin.
- Il semble que les auteurs de CKEditor n'ont pas fourni une telle fonctionnalité ou condifguration option et depuis c'est un comportement particulier, alors vous pouvez aller de l'avant et de modifier le code source à l'appui. Le modèle de licence est tout à fait flexible.
- Pour moi, cela ressemble à de configuration valide puisque c'est l'API qui CKEditor expose et pas une fonctionnalité cachée.
- Vous pouvez cette config. Voir: docs.cksource.com/ckeditor_api/symbols/...
- On ne pouvait pas à l'époque quand j'ai écrit la réponse. Je vais le modifier pour tenir compte des nouvelles congiguration options.
- J'ai besoin d'une config comme ça, mais pour le texte des caractères spéciaux pour les nouvelles lignes et de nouveaux onglets je.e \r \n \t
- Veuillez noter sur CKEditor 4 autoParagraph : Boolean a été DÉSAPPROUVÉE
- pouvez-vous fournir une source et un moyen de le faire dans CKEditor 4? Je serai heureux de mettre à jour ma réponse.
- dans leurs docs ici docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-autoParagraph
- Majer grâce, c'est le travail.
InformationsquelleAutor Maksymilian Majer
32

À travers l'internet, les gens ont remarqué que le paramètre config.enterMode de CKEDITOR.ENTER_BR supprime l'emballage étiquettes de paragraphe à partir de CKEditor. Il est intéressant de noter que le paramètre modifie le comportement de la touche entrée pour insérer des sauts de ligne plutôt que les paragraphes, ce qui n'est pas souhaitable.

Voir: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode "Il est recommandé d'utiliser la CKEDITOR.ENTER_P en raison de sa valeur sémantique et de l'exactitude."

Toutefois, le paramètre qui est conçu pour supprimer le premier paragraphe, config.autoParagraph, n'est pas recommandé, car il présente "imprévisible problèmes d'utilisation," parce que l'éditeur vraiment veut un haut-niveau de l'élément de bloc.

Voir: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.autoParagraph

La magie qui se passe sur wysiwygarea/plugin.js de ligne, 410, où l'éditeur sélectionne le bloc par défaut de l'élément basé sur la config.enterMode. Une option de configuration pour modifier la valeur par défaut élément de bloc nous permettrait de commencer avec un div, mais nous préférons continuer à obtenir plus de divs avec chaque entrée de la presse, sauf si nous avons changé le format de paragraphe par le menu.

Voir: http://docs.cksource.com/ckeditor_api/symbols/src/plugins_wysiwygarea_plugin.js.html

Il serait possible d'enlever l'emballage étiquette de paragraphe du post-traitement (que ce soit sur le serveur ou dans CKEditor est getData cas), mais qui nous conduit dans le même problème que la désactivation de l'autoParagraph: il n'y a pas de haut-niveau bloc.

Je dirais plutôt qu'il n'y a pas une bonne solution, mais plutôt une poignée de demi-solutions, plutôt que d'accepter de changer de config.enterMode comme la solution canonique.
- Belle réponse. Je ne suis pas sûr que je préfère ton dernier mot sur ce sujet, mais le résumé de concernant les options de configuration, de leurs implications, etc, c'est bon! Thanks1
- Ouais, je suis pas fou, ma conclusion soit. C'est vraiment plus un avertissement qu'une solution!
- Alors... CKEditor ne pas voir la valeur sémantique dans les balises BR? Ils ont un but, mais il leur enlève si l'éditeur est en ENTER_P mode.
InformationsquelleAutor Michael Hellein

Essayer dans config.js

CKEDITOR.editorConfig = function( config )
{
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_BR;
};

InformationsquelleAutor John W

5

Trouvé!

ckeditor.js ligne n ° 91 ... recherche pour

B.config.enterMode==3?'div':'p'

changement de

B.config.enterMode==3?'div':'' (PAS DE P!)

Vider votre cache et BAM!

InformationsquelleAutor PHPGuy

FAITES VOTRE config.js fichier de code

CKEDITOR.editorConfig = function( config ) {

   //  config.enterMode = 2; //disabled <p> completely
        config.enterMode = CKEDITOR.ENTER_BR; //pressing the ENTER KEY input <br/>
        config.shiftEnterMode = CKEDITOR.ENTER_P; //pressing the SHIFT + ENTER KEYS input <p>
        config.autoParagraph = false; //stops automatic insertion of <p> on focus
    };

vous avez oublié le ; derrière CKEDITOR.ENTER_BR
Ajoutée "; " pour le code.

InformationsquelleAutor Timothy Nwanwene

2

Je suis en train de faire quelque chose que je ne suis pas fier de solution de contournement. Dans mon Python servlet qui sauve réellement à la base de données, je n':
```
if description.startswith('<p>') and description.endswith('</p>'):
    description = description[3:-4]
```
- Mais s'il y a plusieurs paragraphes, n'est ce pas ce résultat dans quelque chose comme First paragraph</p><p>Second paragraph?
InformationsquelleAutor derwiki
1

Modifier la source (ou désactiver le texte riche) et de remplacer la balise p avec un div. Ensuite, le style de la div, de toutes les façons que vous voulez.

ckEditor ne sera pas ajouter tout élément wrapper sur le côté de la présenter, vous avez la div là.

(Cela a résolu mon problème, je suis à l'aide de Drupal et besoin de petits fragments de code html que l'éditeur ajoute toujours le plus, mais le reste du temps, je veux l'emballage balise p).

InformationsquelleAutor chim
1
```
if (substr_count($this->content,'<p>') == 1)
{
  $this->content = preg_replace('/<\/?p>/i', '', $this->content);
}
```
- <code> if (substr_count($this->contenu,'<p>') == 1) { $temp = preg_replace("/<p>/i","",$this->contenu); $temp = preg_replace("/<\/p>/i","",$temp); $this->contenu = $temp; } </code>
InformationsquelleAutor

FAITES VOTRE config.js fichier de code

CKEDITOR.editorConfig = function( config ) {

   //  config.enterMode = 2; //disabled <p> completely
        config.enterMode = CKEDITOR.ENTER_BR //pressing the ENTER KEY input <br/>
        config.shiftEnterMode = CKEDITOR.ENTER_P; //pressing the SHIFT + ENTER KEYS input <p>
        config.autoParagraph = false; //stops automatic insertion of <p> on focus
    };

InformationsquelleAutor

Telle config:

    CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR
    CKEDITOR.config.forcePasteAsPlainText = true

InformationsquelleAutor Evan Ross

-1

Dans VS2015, cela a fonctionné pour activer la touche Entrée dans <br>
```
myCKEControl.EnterMode = CKEditor.NET.EnterMode.BR
```
Personnellement, je ne m'inquiète pas si mon texte a seulement <br> et pas <p>. Il rend parfaitement bien et il regarde la façon dont je veux. En fin de compte, il fonctionne.
- Cette réponse ne s'applique pas aux génériques de CKEditor et n'est valable que dans VS2015.
- Kosi2801, C'est pourquoi j'ai dit "VS 2015". J'ai posté cette réponse dans le cas où quelqu'un est spécifiquement à la recherche d'une solution pour VS2015. Je n'apprécie pas d'un vote négatif, quand j'ai expressément déclaré que la plate-forme. Veuillez modifier votre vote. Aussi, veuillez lire plus attentivement avant de voter.
- Joe Schmucker, si quelqu'un est à la recherche d'un VS2015 solutions il devrait y avoir une question distincte. Votre réponse ne se rapportent pas à quoi que ce soit dans la question d'origine (comment désactiver <p> dans le code HTML de l'éditeur CK 3.x ou s'il existe d'autres éditeurs de sites web qui pourrait être utilisé à la place). Je n'ai lu votre réponse très soigneusement et aussi des recherches sur si elle pouvait être appliquée en aucune façon à la CKEditor 3.x pour les sites web, mais comme il n'a pas la réponse n'est pas utile. Par conséquent, le downvote et aussi mon commentaire. Veuillez ne pas fournir une réponse à un problème différent de celui en question.
- Je comprends. J'ai cherché une solution à ce problème et j'ai trouvé ce post.
- Je n'ai pas trouvé d'autres postes liés à ce pour VS 2015 (pouvez-vous?).Dois-je poser la question à moi-même et puis répondre à moi-même, de sorte que dans le cas où quelqu'un a ce problème ils vont trouver ma réponse? Je suis nouveau sur ce processus et je veux juste aider quelqu'un d'autre. C'est pourquoi je n'aime pas le fait que vous m'avez donné à un vote négatif. Je pourrais utiliser tous les votes positifs, je peux obtenir. Ne pouvais pas vous avez juste fait une suggestion pour moi, au lieu de descendre de vote il? J'espère que vous comprenez ma position.
- Je comprends ce que vous essayez de faire. Oui, vous pouvez poser une question et d'y répondre vous-même, qui est en fait la meilleure façon d'aller. Downvoting n'est pas prévu pour "punir" vous ou quelque chose, c'est aussi une partie du mécanisme de trier les réponses pertinentes de la pas si utiles. Avec le downvote l'ordre des réponses de haut en bas assure que les réponses directement liées à la question sont listés en premier et sans lien entre elles plongent vers le bas. Pour entrer dans Stackoverflow, avez-vous déjà regarder le Tour? stackoverflow.com/tour
- Je ne vois pas la tour. Je vais aller à travers elle. Merci de prendre le temps d'expliquer si. Je l'apprécie.
InformationsquelleAutor Joe Schmucker

Vous devez vous connecter pour publier un commentaire.