PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#126 06/11/2017 21:02:20

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 887
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Je vais regarder pourquoi le gestionnaire de médias appelle codemirror. C'est pas normal.

Prism ne fait qu'afficher la coloration syntaxique. C'est pour cela qu'il est très léger.

Codemirror est un éditeur avec coloration syntaxique. Il doit vérifier la syntaxe de chaque langage, replier/déplier le code, appairait les couples de parenthèses, accolades, crochets, rechercher et remplacer des expressions dans l'éditeur. C'est beaucoup plus compliqué et cela pèse plus lourd.

Le bon compromis est d'utiliser prism côté site et codemirror côté admin.
Pour le css, de quel plugin parles tu ? codemirror ou tinymce.
J'ai dû me battre avec PluCss qui a des règles très générales :
ligne n° 354 de core/admin/theme/plucss.css

Hors ligne

#127 06/11/2017 21:53:42

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 897

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Pour le css, c'est par rapport à tinymce.

Codemirror et Prism c'est bien l'utilisation que tu préconises que j'utilise.
Mais justement c'est pour cela que je me demandais le pourquoi de la présence de prism dans le dossier du plugin tinymce puisque c'est codemirror qui est utilisé.

Hors ligne

#128 06/11/2017 22:30:27

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 887
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Pour le survol du bouton dans le thème par défaut, tu peux rajouter cette ligne au début du  fichier tinyMCE/css/admin.css :

[== CSS ==]
.mce-tinymce button:hover {
	background-color: #aaa;
}

Cette règle est prioritaire sur celle de Plucss.
Pour qu'elle fasse effet, il faut désactiver et réactiver le plugin, puis recharger le cache du navigateur (touche F5).

A mon goût, le thème perso est plus agréable à voir.

Pour Prism, je n'ai pas trop forcé, c'est  livré avec la librairie tinymce. Mais cela reste basique.

Le gros intérêt de codemirror est d'éditer les pages statiques, les feuilles de styles des plugins et les fichiers du thème.
Certains peuvent préférer le plugin kzAce mais je n'ai pas prévu de l'intégrer à Tinymce. La libraire ace est plutôt mal écrite et ses auteurs ne sont pas très actifs.

Dernière modification par bazooka07 (06/11/2017 22:31:11)

Hors ligne

#129 06/11/2017 23:43:15

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 897

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

CodeMirror me convient très bien.
Je ne me préoccuppe donc pas de Prism pour l'édition et je continuerai à l'utiliser comme je le faisais maintenant pour la coloration dans les articles.

Bonne fin de soirée

Hors ligne

#130 12/11/2017 14:05:09

Hamtaro
Membre
Lieu : Niort
Inscription : 12/06/2007
Messages : 830
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Bonjour tout le monde (ça fait longtemps...)

Je passe par ici parce que je rebidouille un peu sous PluXml et j'ai installé ce plugin.

Je voudrais signaler un petit bug, peut être volontaire :
- le plugin ne se charge pas quand je commence un nouvel article, il faut enregistrer un brouillon (même vide) et là, l'interface apparaît. Pourtant quand je veux éditer un article existant, le chargement de l'interface a bien lieu du premier coup.
Sinon, tout est nickel. Peut être une interaction avec un autre plugin qui bloque son chargement ?

Merci pour le travail d'intégration à PluXml ! wink

Bonne journée.

Dernière modification par Hamtaro (12/11/2017 14:05:41)

Hors ligne

#131 12/11/2017 19:38:34

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 887
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

@Hamtaro,

Je viens de vérifier à nouveau. Je n'ai pas ce souci pour un nouvelle article.
Peux-tu m'en dire plus sur ta config :
* Liste des plugins actifs
* version de PHP
* OS
* navigateur
* En activant l'inspecteur web de ton navigateur( touche F12 ), as-tu des messages d'erreurs dans la console Javascript ?

Merci pour ton retour.

Dernière modification par bazooka07 (12/11/2017 19:38:50)

Hors ligne

#132 13/11/2017 18:43:36

Hamtaro
Membre
Lieu : Niort
Inscription : 12/06/2007
Messages : 830
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Voici le contenu de ma console :

[== Indéfini ==]
tinymce.full.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
article.php:264 Uncaught ReferenceError: tinymce is not defined
    at article.php:264

Navigateur : Vivaldi
OS : Mac OS High Sierra (10.13.1)
Version de PHP : 5.6.30
Apache

Pour vérifier les plugins, j'ai tout désactivé sauf le tien : problème résolu.
J'ai donc réactivé les plugins un par un pour trouver celui qui était en conflit : rien trouvé... Tout marche... Je deviens fou.

Bon, ta demande d'info m'a aidé à débloquer le truc. Merci tongue

Hors ligne

#133 13/11/2017 22:52:01

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 887
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Erreur 404 : cela veut dire que le navigateur a demandé un fichier qui n'est pas disponible sur le serveur.

Mais si tout est rentré dans l'ordre, on va rester sur notre faim  sad
Il est possible que l'ordre de chargement des plugins est une importance.
Le cache du navigateur peut jouer des tours aussi. Il faut penser à recharger complétement la page (touche F5 sur Firefox et Chrome).

S'il y a à nouveau une erreur 404, clique sur l'onglet réseau de l'inspecteur web et recharge la page.
Tu pourras ainsi identifier l'url qui donne l'erreur 404.

Je n'ai pas de Mac. Je connais juste Vivaldi pour la musique.
Quand j'ai besoin, je vais tester les macs au rayon informatique de la Fnac.

Dernière modification par bazooka07 (13/11/2017 22:52:23)

Hors ligne

#134 15/11/2017 07:31:13

Hamtaro
Membre
Lieu : Niort
Inscription : 12/06/2007
Messages : 830
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Vivaldi est multi plateforme il me semble. C'est développé par un ancien de chez Opéra. wink
Je le teste actuellement parce que j'aime sa gestion des historiques avec mise en avant de stats : https://vivaldi.com

Je vais surveiller ce bug de près.

Hors ligne

#135 29/11/2017 19:19:34

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 887
Site Web

Re : [Plugin] TinyMCE : Editeur pour articles et pages statiques

Version 2.2.1:
Dans la liste des liens vers les articles, les catégories, pages staiques et tags, l'url est indiquée en adresse relative style index.php?.... (suppression du hostname )

J'ai modifié le plugin original codesample de TinyMCE pour prendre en compte un certain nombre d'options intéressantes de la bibliothèques PrismJS :
* numérotation des lignes
* lignes surlignées
* téléchargement automatique pour les langages non compris dans la bibliothèque de base de PrismJS
* téléchargement du code source depuis Github, Bitbucket, ...
* téléchargement du code source directement depuis le serveur (juste un lien dans l'article ou la page statique au lieu du code source)
* affichage du langage
* bouton pour copier dans le presse-papier

La modif pour Tinymce est visible sur mon dépôt Github:

[== bash ==]
git clone https://github.com/bazooka07/tinymce.git -b codesample

Il n'est pas nécessaire d'utiliser le plugin PrismJS pour afficher le code source côté site.
Néammoins, pour une utilisation avancée il est conseillé de l'utiliser :
* pour avoir un script javascript plus léger
* utiliser des langages moins courants que HTML, CSS, PHP, Javascript
* avoir quelques thèmes supplémentaires

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés