PHPascal.com

PHPAscal rouge2 (Version bleu)


Programmation web CSS HTML PHP Jquery Javascript Wordpresse RSS SQL SSH, serveur linux Outils
  PHPascal a 144 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Programmation web / Outils / Ajouter SyntaxHigliter a Ckeditor 4

Ajouter SyntaxHigliter a Ckeditor 4

Pour ce site j'utilise le wisiwig ckeditor et j'ai décider d'installer syntaxHigliter pour afficher mes ligne de code source. Après avoir eu plusieurs erreurs avec les différents plugin j'ai décider de réparer un de ces plugin pour le faire marcher avec la version 4 de ckeditor.

Télécharger mon plugin syntaxHigliter pour ckeditor 4

Pour l'installer il suffit de mettre ce répertoire dans le répertoire plugin de ckeditor et d'ajouter dans vos pages les includes JS et CSS.

A ajouter dans vos page dans le head

<!--  syntaxhighlight -->
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shCore.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="ckeditor/plugins/syntaxhighlight/scripts/shLegacy.js"></script>

<link type="text/css" rel="stylesheet" href="ckeditor/plugins/syntaxhighlight/styles/shCoreDefault.css"/>

 <script type="text/javascript">
  SyntaxHighlighter.all();
 </script> 

Dans mon cas j'ai enlevé plusieurs styles que je n'utilise pas tel que

  • AppleScript
  • ASP
  • ColdFusion
  • Cpp
  • CSharp
  • Delphi
  • Perl
  • Sass
  • Python
  • ...

Mais vous pouver les utilisés juste en ajoutant les script JS associé et en ajoutant leur chois au menu de sélection (modifier ligne 163 du fichier ckeditor/plugins/syntaxhighlight/dialogs/syntaxhighlight.js)

 

Article écrit le 4 février 2013
Article modifié le 4 février 2013

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.0111 sec
Imprimer le 16 August 2017 - 23:46:37
par Pascal Dubreuil organisateur du Marathon de Laval