[Plugin] Codemirror

bazooka07 · 12/03/2014 12:48:33

Le plugin permet l'utilisation de la bilbiothèque Codemirror.
Editeur de code avec coloration syntaxique, auto-complétion, repli de code (folding)
Permet d'éditer vos modèles, pages statiques et articles sur votre site.
Peut-être utiliser pour la coloration syntaxique si vous publiez du code html, javascript, css, xml, markdown).
Le plugin permet de regrouper les fichiers javascript de la bibliothèque en un seul fichier minifié pour accélérer le téléchargement des pages HTML.

Télécharger la dernière version du plugin
Suivre le flux RSS du dépôt de plugins

27/11/17 - Version 2.0.5 correction de bugs mineurs + Codemirror version 5.32.0
06/11/17 - Version 2.0.1 Fix against Window$$$$
06/11/17 - Version 2.0 Mise à jour de la librairie de CodeMirror (version 5.31.0) Ajout statusbar - Compatible avec TinyMCE version 2.xxx.xxx
12/03/16 - version 1.41 - hack against PHP 5.4
13/02/16 - version 1.40 - récriture de pluginRoot (Trop de problème avec $_SERVER['DOCUMENT_ROOT'] - aperçu du thème dans le panneau de config - coloration syntaxique pour les feuilles de style des templates et des plugins
22/01/16 version 1.36 - amélioration des caches CSS pour faciliter l'installation du plugin - correction pour le calcul de la racine du plugin (Il y a un bogue chez LWS) - configuré par défaut pour numérotation des lignes, feuilles de style, templates de thème, utiisation d'une biblio minifiée- testé avec Pluxml 5.4 et 5.5

~~21/01/16 Version 1.35~~
Mise à jour pour codemirror version 5.11 - fix pour le mode plein écran (touche F11) - chgt icône

26/10/15 - version 1.20
mise à jour pour codemirror version 5.7
ajout de la coloration syntaxique pour les feuilles de styles CSS des plugins
Testé sous Pluxml 5.4

05/04/2014 - version 1.07
Activation du mode PHP

Dernière modification par bazooka07 (28/11/2017 00:16:37)

Jos · 14/03/2014 12:00:19

Bonjour,

Je te remercie pour ta contribution. N'hésite pas, si ce n'est déjà fait, de le rajouter dans la liste des plugins sur le Wiki :
http://wiki.pluxml.org/index.php?page=P … +officiels

bazooka07 · 07/04/2014 14:45:32

Petite mise à jour pour activer le mode PHP.

Kyodev · 14/04/2014 08:30:08

bonjour
je viens d'installer pour tester. petit problème d'affichage du textarea chapo avec plxToolbar (qui float). il est ecrasé à droite par la toolbar flottante à gauche.
correction css qui va bien dans /plugins/codemirror/codemirror.css:

[== CSS ==]
.CodeMirror {border: 1px solid black; font-size: 10pt; clear:both;} /* ++ clear */

et pour confort perso:

[== CSS ==]
#toggle_chapo .CodeMirror {height:150px; min-height:100px;}

NaBiSs · 08/02/2015 00:09:45

Génial, merci pour ce plugin !

bazooka07 · 26/10/2015 22:46:50

Bonjour,

Nouvelle mise à jour avec la version 5.7 de Codemirror
et ajout de la coloration syntaxique des feuilles de styles CSS pour les plugins.

Lien de téléchargement au début du fil de discussion.

A++

NaBiSs · 05/01/2016 23:50:57

Il semble y avoir un problème avec PHP sur ma version, le code n'est pas colorisé.

Et quand je regarde dans l'aide Codemirror locale à partir du plugin, le PHP n'est pas colorisé non plus.

Je n'ai pas trouvé la source du problème.

bazooka07 · 06/01/2016 11:37:23

Si tu veux qu'on t'aide, il va falloir être plus bavard :
version de PHP, Pluxml, du plugin.
Avec l'inspecteur de Firefox (taper Ctrl-Maj-I), il y a-t-il des messages d'erreurs dans l'onglet console
dans le dossier plugins/codemirror/, le fichier codemirror.min.js est-il présent
dans le panneau de config du plugin, les bonnes cases sont-elles cochées en fonction des utilisateurs

NaBiSs · 06/01/2016 20:42:57

Désolé pour le manque d'information !

PHP 5.6.20
Installation fraîche PluXML 5.4 (aucune modification)
Plugin Codemirror 1.20

Comment reproduire :
-> Activer uniquement la coloration sur les pages statiques.
-> Écrire un code PHP aléatoire dans l'édition d'une page statique. À priori il n'est pas colorisé.

--> Pas d'erreur dans la console Chrome
--> Plugin bien configuré dans les paramètres
--> code minimifié non utilisé sur mon installation

bazooka07 · 22/01/2016 00:19:17

Mise à jour du plugin Codemirror version 1.35 :
Dernière version stable de la bibliothèque de CodeMirror version 5.11
Correction des feuilles CSS qui empêchaient d'afficher l'édition des pages en plein écran

@Nabiss,
Charge la dernière version du plugin
dans le panneau de config, coches pages statiques et version minifiée de la bibliothèque (incluse dans le plugin)

On peut utiliser également le plugin pour l'édition des feuilles de styles des plugins

NaBiSs · 04/02/2016 22:33:05

Merci Bazooka !

Par rapport à la correction de la racine du plugin, j'ai un problème en local, il ne m'affiche pas le bon lien vers les fichiers.

Les liens suivants sont générés dans le header:

<script src="/plugins/codemirror/codemirror.min.js" type="text/javascript"></script>
<script src="/plugins/codemirror/codemirror.js" type="text/javascript"></script>

bazooka07 · 06/02/2016 01:51:37

Qu'entends tu par "un problème en local" ?
Les valeurs de src sont correctes. Mettre le hostname est inutile !!!

Dans ton navigateur, mets toi sur une page qui utilise codemirror, clique en dehors de la zone d'édition, et tapes au clavier Ctrl-U por afficher le code source de la page.
Clique sur le lien donné par un des src. Normalement le fichier doit s'ouvrir.

NaBiSs · 08/02/2016 20:43:59

Voici les balises générées dans le header :

<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
<title>Pijaplast - Administration</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../core/admin/theme/plucss.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../core/admin/theme/theme.css" media="screen" />
<link rel="icon" href="../../core/admin/theme/images/favicon.png" />
<link rel="stylesheet" type="text/css" href="../../plugins/admin.css" media="screen" />
<script type="text/javascript" src="../../core/lib/functions.js"></script>
<script type="text/javascript" src="../../core/lib/visual.js"></script>
<script src="/plugins/codemirror/codemirror.min.js" type="text/javascript"></script>
<script src="/plugins/codemirror/codemirror.js" type="text/javascript"></script>

Si je clique sur une des deux dernières, j'ai une erreur 404 :

Not Found
The requested URL /plugins/codemirror/codemirror.js was not found on this server.

Ce qui est normal puisque le lien est le suivant :

http://localhost/plugins/codemirror/codemirror.js

Alors qu'il devrait être de type :

http://localhost/[REPERTOIRE SITE]/plugins/codemirror/codemirror.js

bazooka07 · 09/02/2016 02:50:25

@NaBiSs,

En principe, j'utilise les serveurs virtuels de Apache.

Je viens de faire une installation toute neuve dans le dossier de localhost et je n'ai aucun souci particulier.
Voici les conditions de l'installation:
Ubuntu 15.10
document_root de localhost standard: /var/www/html/
installation neuve de Pluxml 5.4 dans /var/ww/html/pluxml-54
Après install, le dossier plugins est renommé kaissahoutils
installation du plugin codemirror version 1.36
Pas d'autres plugins

Et dans le header de la page généré, j'ai bien :

[== HTML ==]
<script src="/pluxml-54/kaissahoutils/codemirror/codemirror.min.js" type="text/javascript"></script>
<script src="/pluxml-54/kaissahoutils/codemirror/codemirror.js" type="text/javascript"></script>

Et codemirror fonctionne avec les articles, pages statiques et fichiers du thème, avec Firefox et Chrome

Donne-moi plus de précision sur ta config.

NaBiSs · 09/02/2016 19:32:17

C'est bien ce que je pensais, ça vient surement d'un problème de configuration.

En local j'utilise uWamp : http://www.uwamp.com/fr/

Version PHP : 5.4.31

Je vais téléverser mes fichiers sur mon hébergeur pour tester.

EDIT : Fonctionne parfaitement avec mon hébergeur, il s'agit bien d'un problème de config en local.

EDIT2 : Je pense avoir compris une partie du problème. En décortiquant la fonction pluginRoot(), sur Windows la fonction suivante renvoie

[== PHP ==]
echo $_SERVER['DOCUMENT_ROOT'];

C:/wamp/www/

Et dans une page statique, la fonction suivante renvoie

[== PHP ==]
echo dirname(__FILE__);

C:\wamp\www\pijaplastv2\data\statiques

Dernière modification par NaBiSs (09/02/2016 20:33:23)

bazooka07 · 14/02/2016 00:30:34

@NaBiSs,

J'ai repris l'écriture de pluginRoot().
L'utilisation de $_SERVER['DOCUMENT_ROOT'] pose trop de problème.
A la place j'utilise $SERVER['REQUEST_URI'] plus fiable.

J'ai fait des tests avec un userdir sous Nginx qui est le plus compliqué que j'ai trouvé. Pas de souci avec un classique Apache.

Version à télécharger 1.40

NaBiSs · 16/02/2016 22:17:30

C'est top bazooka, merci beaucoup ça fonctionne partout à présent big_smile .

/!\ Attention, le lien dans le premier post renvoie vers la 1.36, et pas la 1.40.

bazooka07 · 17/02/2016 01:02:12

Non, le lien pointe toujours sur la dernière version du plugin.

Merci pour le retour.

cpalo · 13/09/2016 16:37:48

Bonjour,

J'ai refait une installation sur un PluXml "neuf"
Lorsque je vais la première fois dans la configuration j'obtiens ces messages d'erreur à chacune des catégories de cases à cocher:

[== Indéfini ==]
Notice: Undefined property: codemirror::$default_values in E:\htdocs\sitesDvpts\pluXml-5.5-2016-04-01\plugins\codemirror\config.php on line 34
Warning: array_key_exists() expects parameter 2 to be array, null given in E:\htdocs\sitesDvpts\pluXml-5.5-2016-04-01\plugins\codemirror\config.php on line 34

Ces messages disparaissent si je coche toutes les cases.
Mais je ne vaux pas utiliser codemirror pour la coloration dans le spublications par exemple, je décoche la case et ce message d'erreir réapparait...
Cordialement

bazooka07 · 06/11/2017 18:45:03

Nouvelle version 2.0
Révision du code
barre d'état
codemirror version 5.31.0
compatible avec tinyMCE 2.xxx.xxx

cpalo · 06/11/2017 19:49:16

J'ai commencé à tester ;
J'ai un message d'erreur après l'installation:

Warning: preg_replace(): Compilation failed: unknown property name after \P or \p at offset 26 in E:\htdocs\mypluXml\plugins\codemirror\codemirror.php on line 73

et dans tinymce c'est simplement le code source de base qui est affiché

Dernière modification par cpalo (06/11/2017 19:49:54)

bazooka07 · 06/11/2017 20:42:07

Tu as quelle version de PHP ?

cpalo · 06/11/2017 20:51:04

PHP 5.6
Mais là j'ai testé en local avec Xampp.
Je pourrai tester aussi online où j'ai aussi PHP 5.6

bazooka07 · 06/11/2017 20:52:45

J'ai compris.

Sous Windows, vous utilisez les anti-slashs dans le chemin des fichiers. Alors que sous Linux ce sont des slashes.
Du coup, avec "E:\htdocs\mypluXml\plugins\codemirror\codemirror.php" le \p de plugins est considéré comme une commande dans l'expression régulière.

Heureusement que les serveurs sur Internet qui tournent sous Windows sont une exception.
Faudrait penser à passer sous Linux !!!

Je vais voir pour corriger cela.

bazooka07 · 06/11/2017 23:15:45

Version 2.0.1
Correctif pour ceux qui sont encore sous Window$. Les pauvres sad

PluXml.org

Annonce

#1 12/03/2014 12:48:33

[Plugin] Codemirror

#2 14/03/2014 12:00:19

Re : [Plugin] Codemirror

#3 07/04/2014 14:45:32

Re : [Plugin] Codemirror

#4 14/04/2014 08:30:08

Re : [Plugin] Codemirror

#5 08/02/2015 00:09:45

Re : [Plugin] Codemirror

#6 26/10/2015 22:46:50

Re : [Plugin] Codemirror

#7 05/01/2016 23:50:57

Re : [Plugin] Codemirror

#8 06/01/2016 11:37:23

Re : [Plugin] Codemirror

#9 06/01/2016 20:42:57

Re : [Plugin] Codemirror

#10 22/01/2016 00:19:17

Re : [Plugin] Codemirror

#11 04/02/2016 22:33:05

Re : [Plugin] Codemirror

#12 06/02/2016 01:51:37

Re : [Plugin] Codemirror

#13 08/02/2016 20:43:59

Re : [Plugin] Codemirror

#14 09/02/2016 02:50:25

Re : [Plugin] Codemirror

#15 09/02/2016 19:32:17

Re : [Plugin] Codemirror

#16 14/02/2016 00:30:34

Re : [Plugin] Codemirror

#17 16/02/2016 22:17:30

Re : [Plugin] Codemirror

#18 17/02/2016 01:02:12

Re : [Plugin] Codemirror

#19 13/09/2016 16:37:48

Re : [Plugin] Codemirror

#20 06/11/2017 18:45:03

Re : [Plugin] Codemirror

#21 06/11/2017 19:49:16

Re : [Plugin] Codemirror

#22 06/11/2017 20:42:07

Re : [Plugin] Codemirror

#23 06/11/2017 20:51:04

Re : [Plugin] Codemirror

#24 06/11/2017 20:52:45

Re : [Plugin] Codemirror

#25 06/11/2017 23:15:45

Re : [Plugin] Codemirror

Pied de page des forums