Aller au contenu
Support de Zwii
  • 0
augras

[RESOLU]Comment insérer des exemples de code dans tinymce ?

Question

Bonjour,

Il me semblait que l'on pouvait insérer du code dans tinymce : je ne l'ai jamais fait mais là je viens d'essayer et le code est interprété ce que je ne veux pas.

J'ai bien regardé tous les boutons et les menus mais n'ai rien vu qui pouvait me permettre de faire cela.

Qu'est-ce que je rate ?

Merci,

Philippe

Modifié par augras

Partager ce message


Lien à poster
Partager sur d’autres sites

22 réponses à cette question

Messages recommandés

  • 0
il y a 4 minutes, augras a dit :

Il me semblait que l'on pouvait insérer du code dans tinymce : je ne l'ai jamais fait mais là je viens d'essayer et le code est interprété ce que je ne veux pas.

J'ai bien regardé tous les boutons et les menus mais n'ai rien vu qui pouvait me permettre de faire cela.

Qu'est-ce que je rate ?

C'était possible avant avec le bon "plug" incorporé dans le tinymce, ce pourrait être possible si tu allait faire un tour dans ce sujet et y faisait ensuite une remarque sur ce que tu voudrais de plus dans le Tinymce comme la fameuse histoire de la taille des font d'écriture.

Mais je connais un "gus" sur le forum qui va te répondre à ta question immédiatement en te soufflant à l'oreille: 😋

 

"Philippe, vas direct dans le fichier init.js dans le dossier du tinymce et tu ajoute tout simplement dans la partie plugin "codesample" et dans la partie toolbar "codesample" et là tu pourra mettre du code dans ton site sans qu'il soit interprété directement une fois publié ton article"...

Et si tu es "sage" il te donnera même certaines astuce css pour encadrer de jolie façon les boites de dialogue des différents code que tu auras publier sur ton site en ligne 👌

	plugins: "advlist anchor autolink autoresize autosave codemirror codesample colorpicker contextmenu fullscreen hr image imagetools link lists media paste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking",
	// Contenu de la barre d'outils
	toolbar: "restoredraft | undo redo | formatselect bold italic underline forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist emoticons | table template | image media link codesample | code fullscreen",

L'est pas belle la vie?

PS:

Avec un gros inconvénient pour codesample, ça déborde légèrement sur les cotés alors il faut aller dans sa partie prism.css pour régler le truc.

@augras je recherche les fameux codes pour le css et dés que je les retrouve chez moi je te les redonne aussitôt (cela fonctionnait avec les V9, puis v10) patientes juste un peu mon ami car je ne sais pas où je les ai remisé ceux là, mais une chose est certaine, je les ai toujours quelque part.

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

C'est ça @roger, tu as trouvé le plugin : code sample.

Mais il me semblait justement qu'il était intégré ! J'ai rêvé ?

Il y a bien dans le menu Format une entrée Code et je pensais que c'était ça mais ça ne fonctionne pas : le code est interprété ou alors tinymce traite ça à sa façon ce qui revient à avoir un vrai foutoir dans le code et rien qui s'affiche.

Si je suis ce que tu écris le plugin est bien présent par contre il manque simplement les entrées dans le init.js pour l'activer et mettre le bouton dans la barre d'outils ?

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a 28 minutes, augras a dit :

C'est ça @roger, tu as trouvé le plugin : code sample.

Mais il me semblait justement qu'il était intégré ! J'ai rêvé ?

Philippe non tu n'as pas rêvé, il est intégré au zwii depuis bien longtemp mais juste pas déclaré dans le fichier init.js.

Si tu suis à la lettre ce que je t'ai écris au dessus tu pourras l'utiliser immédiatement

 

Et comme je n'ai qu'une seule parole, je viens de passer 1 petite demie heure pour te retrouver le code qui va bien pour que prisme affiche n'importe quelle intégration de code dans l'exacte largeur de ton site, ça marche depuis les versions V8 jusqu'au version actuelles V10.3.08 et ça marchera encore avec les versions futures!!!!

Ajoutes ceci dans ton css perso pour aller vite si tu veux tester de suite:

/* Code blocks */
@media screen {
  pre[class*="language-"] {
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    background: rgba(6,42,107,1);
    color: #fff;
    overflow: auto;
}
}
/* Fin perso Code blocks */

 

Je t'envoie un mp de suite avec le lien vers le site Zwii où tu pourras voir de tes yeux que ma solution fonctionne (bin vi adresse de site devant rester confidentielle sauf à qui je la donne).

Roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

J'ai effectivement constaté que le plugin codesample était bien présent mais pas déclaré dans init.js de tinymce.

J'ai fait comme tu l'indiques et tout est rentré dans l'ordre : MERCI.

Le css perso ne semble plus nécessaire maintenant : mais au cas où je le garde de côté.

 

Chose étonnante : j'ai bien la coloration syntaxique qui s'affiche dans ma page après avoir inséré le code via codesample mais dès que j'ai enregistré la page elle disparaît !

 

J'ai alors déclaré prism dans le head et dans body mais rien à faire toujours pareil.

 

Encore merci et bonne soirée.

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Philippe, je fais du rab pour 5mn afin de t'aider un peu plus....sinon demain je serais plus dispos;

 

Dans le init.js, tu peux ajouter ceci au cas où...

 

// code sample
  codesample_languages: [
    { text: 'HTML/XML', value: 'markup' },
    { text: 'JavaScript', value: 'javascript' },
    { text: 'CSS', value: 'css' },
    { text: 'PHP', value: 'php' },
    { text: 'Ruby', value: 'ruby' },
    { text: 'Python', value: 'python' },
    { text: 'Java', value: 'java' },
    { text: 'C', value: 'c' },
    { text: 'C#', value: 'csharp' },
    { text: 'C++', value: 'cpp' }
  ],

je te donne aussi le lien chez tinymce où tu pourras prendre quelques infos ci besoin est...

https://www.tiny.cloud/docs-4x/plugins/codesample/

 

cela doit fonctionner chez toi comme tu as pu le voir avec le lien que je t'ai envoyé par mp. Si ça marche pas c'est que tu as fait une erreur de copie quelque part, revérifies bien tout au cas où...

A demain Philippe en espérant que tu auras réussi entre deux à ce que cela fonctionne chez toi.

Roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Bonsoir @roger,

tout ça est déjà correct chez moi.

Tu n'as pas non plus la coloration syntaxique dans ton exemple : tu as le même résultat que moi.

 

A l'édition d'un page tout va bien, j'obtiens par exemple ça :

image.thumb.png.e2b93af84aa1b86657756e4ecbac32c9.png

 

Par conte dès que j'enregistre la page la coloration disparaît et j'ai ça :

image.thumb.png.34a1796034743070f87536c4a4dcb933.png

 

Dans l'idéal se serait bien que la coloration syntaxique apparaisse.

 

Par ailleurs, après avoir enregistré la page quand on revient en mode édition le code n'apparaît pas : j'ai un rectangle vide !

image.thumb.png.4a2ee5f00d058ab446a0125b78c4e231.png

Quant j'édite le code de la page j'ai également des lignes vides.

image.png.5df7f18c40df7a4a8350c4793a251e58.png

 

Cela implique que l'on ne peut pas corriger.

Mais surtout après enregistrement le code n'est plus présent... ce qui est apparemment normal puisqu'il n'y a rien nulle part.

 

C'est vraiment tordu comme truc.

 

Modifié par augras

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Salut Philippe;

il y a une heure, augras a dit :

tout ça est déjà correct chez moi.

Je suis bien content que tu ai réussi cette partie là en suivant "le guide".

 

il y a une heure, augras a dit :

Tu n'as pas non plus la coloration syntaxique dans ton exemple : tu as le même résultat que moi.

Bin c'est normal car tu ne demande pas tout en même temps, donc je te fais dans l'urgence pour que tu installe codesample correctement et ne me soucie pas de la coloration...qui doit s'ajouter par tes propres soins car prisme dans son css affiche juste la coloration à minima que dans l'éditeur de texte....

 

😘 Je pense que tu reconnaîtras sur la capture d'écran, un lieu que tu as découvert hier. Ne serait ce pas ceci que tu désirerais chez toi?

coloration.png.cfd58d4ef4cf9a2fdc860dff54787e4c.png

 

Petite secret entre nous deux 'j'aime toujours pas l'eau dans le r....d" mais j'adore offrir le petit truc qui va bien, tu es prêt Philippe pour aller dans ton css perso (ou dans le css de prisme si tu préfères) et y ajouter des couleurs? Ho bien entendu tu pourras les changer pour les tiennes car là j'ai mis des couleurs voyantes pour différencier les différentes boites de codes

@media screen {
  pre[class*="language-markup"] {
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    background: rgba(6,42,107,1);
    color: #fff;
    overflow: auto;
}
     pre[class*="language-javascript"] {
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    background: #ffd9c0;
    color: #000;
    overflow: auto;
} 
   pre[class*="language-css"] {
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    background: #e7ffc0;
    color: #000;
    overflow: auto;
} 
    pre[class*="language-php"] {
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    background: #c0d9ff;
    color: #000;
    overflow: auto;
} 
}

💡 Tout le secret pour que chaque boite de code ait sa propre couleur réside dans la terminaison de pre[class*="language-"] qui doit contenir le nom de la variable de code par exemple pour du PHP ce sera cette variable là:  pre[class*="language-php"]

 

il y a une heure, augras a dit :

Par ailleurs, après avoir enregistré la page quand on revient en mode édition le code n'apparaît pas : j'ai un rectangle vide !

Et là avec ton exemple donné, je vais te répondre que c'est normal car le "hic" avec code sample c'est que si tu copie du HTML dans une boite html et que tu veux l'éditer ensuite (même en code source) et bien il a disparu...et là je n'ai qu'une seule solution "maison" à te proposer:

Il te faut remplacer chaque balise < par # et prévenir celui qui copiera le code de remplacer le # par le début de la balise HTML remplacée; c'est la seule solution que j'ai trouvé à l'époque pour contrecarrer cela...

col2.png.ba8b69efada4b9c5483fcecb81b7a471.png

Ainsi tu peux éditer sans problème tout ce que tu mets comme code en HTML,

Exemple avec le remplacement d'une seul balise pour une image

col1.png.199aa5b98e4b38318b6b51e229b0194e.png

 

col3.png.87e7910d617217adfd1f62dcecaa4b1f.png

 

Et si tu édites ton code dans l'éditeur en code source et bien là aussi il est conservé tel que lorsque tu l'as crée.

 

Il y a 1 heure, augras a dit :

C'est vraiment tordu comme truc.

 

Je suis 100% d'accord avec toi et maintenant tu n'as plus qu'à appliquer à la lettre les explications que je viens de te donner dans ce post pour ensuite venir ici et écrire "Yep chouette ça marche super cette fois ci", surtout pas d'eau mais de la neige pour moi, ce sera l'un de mes future templates à préparer 😉

 

Au plaisir de te lire Philippe.

Roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Bonsoir @roger,

Je pensais que @jasongouzien se joindrait à nous  suite à sa demande d'intégration de prism !

J'ai paramétré comme je l'indiquais dans ma réponse et comme indiqué sur le site de prism mais ça n'a rien changé au résultat.

Merci @roger mais je parle de la coloration du code pas du fond du bloc de texte : regarde dans la première capture que je mets, les balises ont une couleur, le href une autre, c'est de ça qu'il s'agit. Il y a une coloration pour chaque langage, chaque balise, chaque argument : ça rend le code plus facile à lire et à comprendre.

Normalement codesample gère ça et il le fait d'ailleurs tant qu'on n'a pas enregistré, mais après cette coloration disparaît et surtout le code ne reste pas suite à nouvelle édition. Ou alors mon tynimce est marabouté !

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 1 heure, augras a dit :

J'ai paramétré comme je l'indiquais dans ma réponse et comme indiqué sur le site de prism mais ça n'a rien changé au résultat.

Merci @roger mais je parle de la coloration du code pas du fond du bloc de texte :

Bin  vi...et qui a t'il sur le site où il est expliqué comment intégrer la coloration syntaxique dans tinymce?

Citation

Vous devez ajouter prism.jset prism.cssà votre page afin d'obtenir les exemples de code en surbrillance de syntaxe sur votre page Web (tels que créés par le plugin Code Sample). Le plugin Code Sample utilise les langages suivants: balisage, javascript, css, php, ruby, python, java, c, csharp et cpp. Vous pouvez générer les fichiers prism.jset prism.csssur la page de téléchargement du site Web de Prism.

 

Troisième petit secret de ma part si tu veux obtenir ceci une fois ton code publié..et qui fonctionne sur tout les zwii depuis les version V8, tu as déjà la moitié du prisme (le css qui est dans code sample, il ne te manque que le js de prism qu'il faut ensuite intégrer dans le zwii)

prism.png.8eff2e7250b79294890bab72e129d52e.png

 

Alors comme je suis certain que tu n'as pas du (ou alors je suis médisant) télécharger le js de prism, je te l'offre ci dessous;

==> prism.js.zip

 

Une fois décompressé le zip, tu envoie directement le fichier "prism.js" dans le dossier du plugin codesample (je te donne pas le chemin car je pense que tu le connais par cœur le dossier des plugins du tinymce)

 

Ensuite, il te faut déclarer dans le Head du zwii le chemin vers le fichier prism.css :

deux façons:

1: Soit en éditant layout.php (dans /core/layout/)

Et tu ajoutes dans le head ceci:

<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/codesample/css/prism.css">

Ou soit tu ouvres ta config de ton zwii et tu met le même code qu'au dessus dans "Script du head"

 

IMPORTANT Puis tu fais la même chose pour le fichier  prism.js mais pas au même endroit!!!

1: Soit dans layout.php, juste avant la balise  </body> tu ajoutes:

<script type="text/javascript" src="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/codesample/prism.js"></script>

Ou tu va dans la config du site et tu mets le même code du dessus mais cette fois ci dans "Script du body"

 

On pourrait aussi le déclarer directement dans le init.js c'est la troisieme solution

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Prism est déjà déclaré dans inc.json mais étrangement prism.js est absent, pas de dossier js.  
"plugins/codesample/js/prism.fr",
 "plugins/codesample/css/prism.css

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a 15 minutes, Fred a dit :

Prism est déjà déclaré dans inc.json mais étrangement prism.js est absent, pas de dossier js.  

Salut Fred;

C'est facile de le placer ce fameux js manquant, c'est la troisième solution que j'ai évoqué au dessus:

Il te suffit d'inclure le prism.js dans le dossier du plugin codesample et de le déclare ainsi dans inc.json

[
	"tinymce.min.js",
	"jquery.tinymce.min.js",
	"init.js",
	"init.css",
	"plugins/codesample/prism.js",
	"plugins/codesample/css/prism.css"
]

Il n'est nul besoin qu'il soit placé dans un dossier js. Tout comme le code dans le inc.jon ""plugins/codesample/js/prism.fr"," chez moi il est supprimé car inutile.

(les version où j'utilise codesample et prism: 10.3.XX & 10.4.XX sans aucuns soucis avec juste ce que j'ai donné comme infos).

prism1.png.f2d86d9ed505a41148efd079da840baa.png

 

Modifié par roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Bonsoir,

Là où je ne comprends pas c'est que j'ai bien dans head

<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/themes/prism.min.css" />

 

et dans body

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/components/prism-core.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/plugins/autoloader/prism-autoloader.min.js"></script>

C'est ce qu'indique la doc de prism et je pensait, manifestement naïvement, que cela suffisait !

 

Du coup j'ai mis tout ça en remarque et mis dans head

<link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/codesample/css/prism.css">

 

et dans body

<script type="text/javascript" src="<?php echo helper::baseUrl(false); ?>core/vendor/tinymce/plugins/codesample/prism.js"></script>

tout comme indiqué dans la doc de code sample et par @roger

 

Je l'avais déjà ce fichier prism.js : téléchargé le 31/10 quand j'ai regardé pour répondre à @jasongouzien... ça m'est revenu en téléchargeant le tient @roger car j'ai été averti que le fichier existait déjà.

 

Ces deux fichiers prism.css et prism.js étant ceux téléchargés directement sur le site de prism avec les options choisies.

Là la coloration syntaxique est bien conservée après l'enregistrement.

 

Par contre il faut employer l'astuce de @roger en mettant un # à la place du premier < de chaque ligne pour conserver l'affichage du code à l'édition : cependant ce n'est pas très satisfaisant parce que la coloration syntaxique est modifiée et ne correspond plus à la réalité du code.

 

Je me demande si le plus simple ne serait pas de désactiver codesample, paramétré prism dans le head et le body et saisir directement dans le code : je vais tester pour voir comment tinymce mouline ça et si les mêmes problèmes perdurent... ce que je soupçonne être le cas.

 

C'est tout de même un peu fort que se soit aussi compliqué de faire ça avec tinymce.

 

Ok @Fred pour le prism.js dans la prochaine version.

Modifié par augras
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

@augras @Fred

 

Si vous le désirez je viens de terminer le "plugin prism" pour tinymce....facile à installer, facile à déclarer dans le zwii et surtout il offre en prime la possibilité d'intégrer un bouton "Copier" le bloc de code si vous désirez que vos visiteurs copie chaque code vers son presse papier;

🤪 Cerise sur le gâteau, je le fournis avec pas moins que huit thèmes (pour l’affichage en ligne du code que vous partagez sur votre site)

 

C'est utilisable sur toutes les versions de zwii y compris les futures 10400...

 

voilà le résultat en image des différents "themes"

coy.png.227b9d25df67e21fbe46a3872942ecf9.png

dark.png.99cb48efd7535968860ae381640578df.png

defaut.png.cd683dadc95e93323f97d56fa8f6d7ca.png

funky.png.717579d5200ed6dfae1682a0835e9056.png

okaidia.png.bd00181974ecba952f1dd70b2292999a.png

solarized.png.c99702d764aaa78f59d7da349653c482.png

twilight.png.54bad9c08463ce667e415bb43811e07a.png

 

tomorrow.png

twilight.png.54bad9c08463ce667e415bb43811e07a.png

 

et là celui nommé okadia que j'utilise perso sur une 10.4.00....

p9.thumb.png.7fe64440e2b783aa5d1125433c6228d1.png

 

Bien à vous

Roger

 

Modifié par roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Bonsoir Philippe

il y a 11 minutes, augras a dit :

Tu as réussi à passer outre le problème du code qui disparaît ou il faut utiliser ton astuce avec # ?

En exploitant l'info de fred ça a marché un temps puis plud du tout, va comprendre pourquoi...

le code qu'avait donné fred à mettre dans le init.js du tiny

        // permettre tout les caractères dans tynymce
        valid_elements : '*[*]',

Je l'avais même commenté pour m'en faire un repère. (je ferais des essais sur une 10.3.xx au cas où le code de fred marcherait dans ces versions là)

Donc je vais produire le plugin pour le tinymce et il faudra si on ne peut pas dans le tinymce éditer sans que le code html ne disparaisse utiliser mon astuce toute provisoire.

 

Alors vu que tu es preneur!!!!! je m'y attellerais demain et après toutes les vérifications voulues tu sera sans doute le premier à le télécharger, puis l'essayer sur l'un de tes sites et enfin nous dire ce que tu en pense Philippe.

 

Bonne soirée à toi, je file car je dois couper le pc maintenant.

Roger

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Correctement activé dans TinyMCE, le module Prism fonctionne correctement mais là où le bât blesse c'est que Prism doit pouvoir être activé en-dehors de l'instance TinyMCE.

 

Il est inutile d'en conserver l'appel dans l'initialisation de l'éditeur, je garde le plugin dans le code de Zwii, mais je laisse l'activation au module de Roger.

 

Peu de personnes ont besoin d'insérer du code dans leur site, il me semble en tout cas.

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
Il y a 2 heures, Fred a dit :

Correctement activé dans TinyMCE, le module Prism fonctionne correctement mais là où le bât blesse c'est que Prism doit pouvoir être activé en-dehors de l'instance TinyMCE.

Merci Fred. Effectivement Prisme doit être concrètement exploité "hors interface" tinymce.

Le fichier prism.js n'est pas fourni par codesample proposé sur le site de tinymce car c'est un plugin totalement indépendant à l'origine et n'ayant pas intéressé les "pontes" de l'éditeur Tinymce pour la raison qui les regarde. heureusement, Prism est maintenu, promu aussi par son concepteur originel ce qui nous permet de réaliser notre rêve ici...

 

Nous allons remédier à ce "petit soucis" ce qui est facilement réalisable dans n'importe quelle version du CMS Zwii.

J'ajouterais en outre que Prism peut aussi être agrémenté (coté fronted) de "petit plus" comme par exemple une toolbar de bouton permettant de copier le code partagé mais aussi d'information sur le code visible.

Prisme tel que fourni par le Cms comporte vraiment le minimum le fichier prism.css mais il lui manque le plus important (non incorporé dans le plugin de code sample), le fameux prism.js qui interprète la coloration syntaxique.

 

N'ayant pas pu "travailler" pour raison personnelle familiale depuis quelques temps sur le plugin que j'ai promis de fournir, je m'y suis donc attelé hier.

Vous pouvez voir ici sur une version zwiicms 10.3.09 officielle ce que donnera le plugin une fois installé dans le zwii, et déclaré pour être exploitable dans le fronted de votre site.

Thème de prism utilisé sur le site de démo "okaidia"

 

==>  http://www.lechti64.info/Z-10-3-09/prism

 

Le plugin sera fourni avec tout les thèmes proposés sur le site officiel de prism.com (8 thèmes différents au format css), le texte de boutons traduit en français par mes soins. Vous pourrez même ultra facilement modifier le thème que vous choisirez pour exploiter la coloration syntaxique de prism (bouton ou tout autres choses) pour l'adapter au style de votre propre site ZwiiCMS.

Le temps de préparer le zip, de créer le tuto pour l'installer et il devrait être disponible avnat ce soir dans l'espace de téléchargement du forum (plugins pour TinyMCE).

 

Pour info Fred, les codes qui empêche le tinymce de "reécrire" du code HTML sans en en enlever les balises ne fonction plus (il est d'ailleurs proposé dans la version officielle du zwii dans le fichier init.js). Par contre il fonctionne toujours (mais ce n'est pas pour nous car ce serait faire régresser notre éditeur Tinymce) pour les versions Tinymce 3.X.X

Je n'ai encore trouvé aucunes astuce pour faire sauter ce fameux verrou de protection d'injection de code

Il y a 3 heures, Fred a dit :

Peu de personnes ont besoin d'insérer du code dans leur site, il me semble en tout cas.

Fred, pour info aussi, ZwiiCMS sert aussi de "base arrière" question cms à ceux qui veulent créer un site de partage ou de vulgarisation de codes en tout genres, donc offrir la possibilité aux visiteurs de ce genre de suite Zwii de pouvoir visualiser le code, de pouvoir le copier facilement grâce à ce genre de plugin.

 

😃 ZwiiCMS est à ce jour un cms capable d'offrir un simple site web familial tout ce qu'il y a de plus normal, mais en plus il a la formidable chance de pouvoir se transformer en "site web à caractère de services rendus" tel que site de vente ou de promotion de sociétés en tout genre. Cette caractéristique lui permet donc d'être, selon la formule consacrée bien connue MULTITACHES, de pouvoir aussi proposer des site de cours éducatifs, des sites de vulgarisations en astuces et touti, ces site là utilisant bien souvent des exemples de codage à employer dans leurs pages de sujets...

Tout ceci à peu de frais pour le plus grand bénéfice de tous et suivant l'utilisation qu'ils feront de notre cher CMS adoré 😋

 

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

Le plugin prism est dorénavant disponible dans notre espace téléchargement.

Je ne doute pas que bientôt viendra la question "de pourquoi si je veux éditer mon html dans prism, tout est effacé" dans son support de téléchargement; Donc je continue de chercher une solution à ce problème pour que l'utilisateur n'ait pas à devoir utiliser mon astuce provisoire donnée plus haut.

 

Ces code ne marchent plus dans les versions actuelles de Tinymce

	// Autorise tous les éléments
	valid_elements :"*[*]",
	valid_children : "*[*]",

Tout comme celui ci pas mieux..

extended_valid_elements :

Mais je ne baisse pas les bras pour trouver une parade dans la nombreuse littérature à lire sur le sujet ici:  https://www.tiny.cloud/docs-4x/configure/content-filtering/#extended_valid_elements

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...