Aller au contenu principal
  mardi 28 novembre 2017
  6 réponses
  Visites 3K
  S'abonner
Les balises vides sont supprimées. <<< Mauvais !

Par exemple, pour ajouter des caractères symboliques Font Awesome, dans la vue Source, on ajoute :

<em class="fa fa-warning" style="font-size: 60px; color: orange; border: 3px solid orange; border-radius: 60px; padding: 7px 7px;"></em>

Notez qu'aucun caractère n'est mis en évidence dans la <em>balise. Ce caractère est ajouté uniquement par CSS.</em>

Cependant, en passant en mode WYSIWYG puis en revenant à l'affichage source, la <em>balise ENTIÈRE est supprimée ! C'est extrêmement pratique, n'est-ce pas ? >:-P</em>

L'intérêt d'utiliser une balise vide comme <em><i>`<br>` ou <span>`<br>` est justement d'éviter d'insérer un caractère indésirable en dur. Non, je ne peux pas utiliser `<br>`, car cela ajoute un espace qui perturbe le style CSS créant la bordure circulaire autour de l'icône FA. Un espace non vide transforme le cercle en ovale, en raison de la largeur du caractère.</span></i></em>

Existe-t-il une ligne dans un fichier principal DropEditor que je puisse modifier pour empêcher la vérification et la suppression des balises vides ?
UN
il y a 8 ans
Salut,

Merci de nous avoir contactés ici à propos de cette extension.
Existe-t-il une ligne dans un fichier principal DropEditor que je puisse modifier pour empêcher la vérification et la suppression des balises vides ?

Vous pouvez accéder au fichier de configuration à {root}media/dropeditor et ajoutez ce code :

CKEDITOR.dtd.$removeEmpty["i"] = false;

« i » est l'étiquette que vous recherchez.

J'espère que cela aide!
À votre santé,
Il y a 7 ans
Désolé pour la réponse tardive… j’avais presque oublié ce message. À l’époque, j’avais contourné le problème en copiant-collant le code depuis une page affichée dans un navigateur qui n’avait jamais été modifiée par DropEditor (sinon le code HTML aurait été supprimé à l’ouverture de l’article dans l’éditeur), puis en insérant le caractère invisible (code Alt 0173) entre les <em>balises.</em>

Cependant, c'est fastidieux. J'ai donc cherché une solution et je suis tombé sur ce sujet. Quelle étourderie ! Merci pour votre réponse… Parmi les deux fichiers de configuration dans le chemin indiqué (config.json et config_p1.js), le fichier JavaScript semblait être l'endroit approprié pour insérer du code, mais que ce soit à l'intérieur ou à l'extérieur des accolades (comme ci-dessous), rien n'y a fait. <em>Les balises vides des articles et modules HTML ouverts pour modification ont été supprimées.</em>


CKEDITOR.editorConfig = function( config ){
config.toolbar_1 = [
['Droppics'],['Dropfiles' ],['Droptables'],
'/',
{name: '00', items: ['Maximize','Undo','Redo','PasteFromWord']},
{name: '01', items: ['JustifyLeft','JustifyRight','JustifyCenter','JustifyBlock','Indent','Outdent','BulletedDropList','NumberedList','Blockquote']},
{name: '02', items: ['Bold','Italic','Underline','Subscript','Superscript']},
{name: '03', items: ['SpecialChar','Buttons','Templates','Image','Table','HorizontalRule']},

'/',
{name: '10', items: ['Source','Preview']},
{name: '11', items: ['TextColor','BGColor','Font','FontSize','GgFonts']},
{name: '12', items: ['JLink','Anchor','Unlink']},
{name: '13', items: ['Styles','Format']},
{name: '14', items: ['Find','Replace']},

];
config.removeButtons = 'About,Anchor';
config.format_tags = 'p;h1;h2;h3;pre';
config.removeDialogTabs = 'image:advanced;link:advanced'
config.allowedContent = true;
config.entities = false;
config.skin = 'material';
};
// OUTSIDE OF FUNCTION
CKEDITOR.dtd.$removeEmpty["em"] = false;
CKEDITOR.dtd.$removeEmpty["i"] = false;



CKEDITOR.editorConfig = function( config ){
config.toolbar_1 = [
['Droppics'],['Dropfiles' ],['Droptables'],
'/',
{name: '00', items: ['Maximize','Undo','Redo','PasteFromWord']},
{name: '01', items: ['JustifyLeft','JustifyRight','JustifyCenter','JustifyBlock','Indent','Outdent','BulletedDropList','NumberedList','Blockquote']},
{name: '02', items: ['Bold','Italic','Underline','Subscript','Superscript']},
{name: '03', items: ['SpecialChar','Buttons','Templates','Image','Table','HorizontalRule']},

'/',
{name: '10', items: ['Source','Preview']},
{name: '11', items: ['TextColor','BGColor','Font','FontSize','GgFonts']},
{name: '12', items: ['JLink','Anchor','Unlink']},
{name: '13', items: ['Styles','Format']},
{name: '14', items: ['Find','Replace']},

];
config.removeButtons = 'About,Anchor';
config.format_tags = 'p;h1;h2;h3;pre';
config.removeDialogTabs = 'image:advanced;link:advanced'
config.allowedContent = true;
config.entities = false;
config.skin = 'material';

// INSIDE FUNCTION
CKEDITOR.dtd.$removeEmpty["em"] = false;
CKEDITOR.dtd.$removeEmpty["i"] = false;
};


Alors, est-ce que je procède correctement et si oui, auriez-vous une idée de pourquoi l'éditeur continue de supprimer ces balises vides ?
UN
Il y a 7 ans
Bonjour,

merci pour votre réponse.
Le code HORS DE FONCTION est correct. Pensez à vider le cache après modification.
Notre dernière version inclut i et span par défaut.

En espérant que cela vous aide !
Cordialement,
Il y a 7 ans
Merci ! Ces deux informations ont fonctionné.
Il y a 7 ans
Je viens de mettre à jour Joomla vers la version 2.3.2 via son système de mise à jour et j'ai confirmé que Dropeditor est bien en version 2.3.2. Cependant, lorsque je me rends dans Système > Configuration globale > Dropeditor ou dans Composant > Dropeditor > Profils > Par défaut > Outils de l'éditeur, je ne trouve aucune option permettant d'activer/désactiver ou de modifier les balises HTML à ne pas supprimer lorsqu'elles sont vides. Si cette fonctionnalité n'a pas été implémentée, merci de l'ajouter à la configuration globale ou aux outils de l'éditeur. Merci.
UN
Il y a 7 ans
Salut,

Merci pour vos commentaires.
options pour activer/désactiver ou ajouter/modifier les balises HTML à ne pas supprimer lorsqu'elles sont vides

Oui, DropEditor ne dispose pas de ce paramètre actuellement, nous en tiendrons compte pour une prochaine version !

Merci beaucoup!
Cordialement,
  • Page :
  • 1
Il n'y a pas encore de réponses pour ce post.