Comment insérer un cadre type "alerte" ou autre dans un article sans utiliser de HTML

Koan

Décembre 2016

Bonjour,

Je cherche à insérer un ou des blocs/cadres de type alerte, nota ou autre dans des articles sans l’insertion de code HTML dans ces derniers.

J’ai essayé de partir (m’inspirer) des plugins : « Codes Informatiques pour porte plume » et « Coloration Code » malheureusement je n’ai réussi qu’à insérer du code du HTML dans l’article, par exemple :

<div class='notice error'><i class='fa fa-close icon-large'></i>Blabla</div>

ce que je souhaiterais arriver à faire, c’est pourtant similaire au plugin "Codes Informatiques pour Porte-plume" par exemple :

<bloc class='error'>blabla</bloc>

Je ne vois pas comment passer de la typo SPIP vers un code HTML, étant un noob en PHP je suis bloqué...

Les classes mentionnées sont définies dans une feuille de style liée au squelette que j’utilise.

Je suis preneur de tout conseil, me permettant d’avancer.

Merci d’avance à la communauté SPIP.

version SPIP : 3.1.3 [23214]
plugins :
- Codes Informatiques pour Porte Plume 2.0.3 - test
- Coloration Code 0.9.5 - stable

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0
Pierrox

Décembre 2016
Bonjour,
<cadre class="MACLASS"> Message spécial</cadre>
avec le css qui va bien...

sinon pour inserer du html (non conseillé)
<html> du code html dans le TEXTE</html>
Indiquez l’intérêt que vous portez à cette réponse

0
koan

Décembre 2016
Bonjour brain_damage,

j’ai essayé ta méthode mais la classe mentionné dans le contenu de l’article spip disparait au final :
- exemple contenu article :
<cadre class='error'> blabla </ cadre>
- resultat de la page HTML de l’article :
<textarea readonly="readonly" cols="40" rows="6" class="spip_cadre" dir="ltr">blabla</ textarea>
Il est difficile dans ce cas d’appliquer du CSS sur une classe qui disparait...

Merci de ton aide.
Indiquez l’intérêt que vous portez à cette réponse

0
Décembre 2016
re
<div class="error">erreur</div>
chez moi ça fonctionne ^
Indiquez l’intérêt que vous portez à cette réponse

0
koan

Décembre 2016
Oui avec <div>... </div> ça fonctionne, dans mon premier post ça fonctionne aussi... peut-être que je me fais des noeuds au cerveau pour pas grand chose mais je voudrais "simplement" faire un truc qui ressemblerait à ça dans un article spip :
contenu de l'article <cadre class=error>text</cadre> ou mieux <error>text</error>
ce qui se traduirait dans le code source html resultant par :
contenu de l'article <div class='error'>text</div > ou mieux <div class='error'>text</div >
Je tente l’élaboration d’un plugin pour le porte-plume ajoutant 3 blocs de couleur (rouge, orange, vert), c’est pour cela que je pensais m’inspirer des plugins cités dans mon premier poste.
Le vrai problème (pour moi) est que je vois pas ou ne trouve pas le fichier qui s’occupe de la transformation de la typo SPIP ou code passer par le porte plume vers le HTML.

merci.
Indiquez l’intérêt que vous portez à cette réponse

0

b_b

Décembre 2016

Salut, autre piste, utiliser un modèle perso : http://www.spip.net/fr_article3454.html
Indiquez l’intérêt que vous portez à cette réponse

0

koan

Décembre 2016

Bonjour,

Bon après plusieurs tentatives diverses et variées, j’ai opté pour la solution (momentanément) de conserver le :
<div class='error'>...</div>
avec les classes : error, warning, success, ou encore info.
Avec ma feuille de style ça passe au poil.

Ce n’est pas exactement ce que je voulais voir dans le contenu d’un article dans l’interface de rédaction de celui-ci, préférant ceci :
<error>...</error>
mais en attendant de trouver la solution en feuilletant et parcourant la doc SPIP comme du porte plume, et autre comme les modèles perso, cette solution fera son office.

Merci à la communauté.
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Décembre 2016

Il y a une contrib vraiment pas mal quui correspondrait à tes besoins :

https://contrib.spip.net/Porte-Plume-creer-une-nouvelle-barre

ça demande quelques connaissances mais ce n’est pas insurmontable.

Si tu n’est pas intéressé par la barre typo va directement au Titre 3

"traitements typographiques"
Indiquez l’intérêt que vous portez à cette réponse

0
Loiseau2nuit

Janvier 2018
J’ai comme le sentiment que vous avez beaucoup de mal à vous comprendre ici ^^

@Koan : si j’ai bien compris ton besoin je crois que ce que tu recherches c’est le plugin "Blocs d’alerte pour Porte Plume) :
il n’est pas documenté car encore en phase de test/dev mais il fonctionne plutôt bien.
- ajout d’un nouveau bouton à la barre d’édition des contenu avec 3 picto : warning, success & erreur
- génère au clic la bonne <div class="..."></div> autoçur de la phrase sélectionnée
https://zone.spip.org/trac/spip-zone/browser/_plugins_/porte_plume_blocs/trunk

Par contre, il faut que les classes soient présentes dans ta feuille de style ou que tu utilises un squelettes/thème qui les prévoit bien dans sa charte

Bonne année à tous ;)