code – Tic & Net https://blog.datacargo.fr Le blog notes de Fred Wed, 24 Jul 2019 13:01:06 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.4.7 https://blog.datacargo.fr/wp-content/uploads/2019/05/cropped-bannière-ticnet-3-32x32.png code – Tic & Net https://blog.datacargo.fr 32 32 Ajouter le plugin CodeMirror à l’éditeur de texte TinyMCE https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/ https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/#respond Fri, 25 Jan 2019 12:55:39 +0000 https://ftempez.wordpress.com/?p=6433 Ce plugin gratuit permet d’éditer le code des contenus affichés pas TinyMCE, de nombreux langages sont supportés. Il remplace avantageusement le plugin Code de TinyMCE tout à fait limité, dont la version Advanced est payante.
Ce tutoriel a été testé avec succès sur le CMS Zwii en prévision de la sortie imminente de la version 9.
Etape 1 : Récupérer CodeMirror
Cela se passe sur le Git officiel ce qui permet de télécharger la version la plus fraîche.
https://github.com/christiaan/tinymce-codemirror
puis décompactez et naviguez jusque dans le dossier plugins
2019-01-25_14h06_24
Pas de problème, le français fait bien partie des langues proposées.
Etape 2 :
Renommez le dossier codemirror-4.n en codemirror
Etape 3 :
Copiez le premier dossier codemirror celui qui contient les dossiers codemirror et langs (ainsi que 2 fichiers JS) dans le dossier plugins de TinyMCE
image
Etape 4 :
Configuration de TinyMCE.
Editez le fichier configuration tinymce.inc.js et dans la section plugins remplacez code par codemirror.
image
Pour le paramétrage, on peut partir de cette configuration à coller dans le même fichier :
image
Etape 5 :
Sauvegardez le fichier et rechargez la page web avec l’éditeur.
Pour fignoler, j’ai de mon coté amélioré la traduction française qui ne me convenait pas (fichier fr_FR.js dans le dossier langs) :

image
 
 
]]> https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/feed/ 0 [Moodle] Comment modifier le CSS d'une page de cours sans accèder au thème https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/ https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/#respond Sun, 27 Aug 2017 10:22:47 +0000 http://tic-et-net.org/?p=5677 Dans les paramètres d’administration Moodle, une permission autorise la modification du thème au niveau du cours. Afin d’assurer la continuité de la charte graphique, les administrateurs sont rares à activer cette option.

Si malgré tout vous avez besoin d’outrepasser cette limitation, voici comment procéder grâce à un petit bout de code JQUERY qui injecte du CSS dans le code de la page.

Bien évidemment, selon le thème, la mise en place sera différente.

Le code ci-dessous s’insère en mode code source dans une étiquette de la page.

On reconnaît facilement la méthode JQUERY CSS qui modifie la couleur de l’arrière-plan de la page. D’autres hacks sont possibles…

En savoir plus :

Manipuler le CSS

 
 
 

]]> https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/feed/ 0