Fast Faq

Fast Faq

HighLight.js

0,00 €
highlight
Cette extension pour Magento 2 vous permettra d'utiliser HighLight.js sur le frontend de votre boutique Magento. Highlighter votre code pour une meilleur comprehension de celui-ci.

  • Extension gratuite.
  • Installé en 30 secondes chrono.
  • 166 languages supportés (HTML, PHP, XML, CSS, LESS, Javascript, JSON etc... ).
  • 77 styles différents pour l'affichage.

Exemple html

<!DOCTYPE html>

<style>body {width: 500px;}</style>

<script type="application/javascript">
  function $init() {return true;}
</script>

<body>
  <p checked class="title" id='title'>Title</p>
  <!-- here goes the rest of the page -->
</body>

Exemple JavaScript

require([ 'jquery'], function($){ $(document).ready(function($) {
    $(window).load(function() {
        {
            $('pre code').each(function(i, block) {
                hljs.highlightBlock(block);
            });
        }
    });
}); });
Quels sont les styles disponibles ?
Vous trouverez les styles ainsi que les languages supportés par HighLight.js sur le site de demo :
DEMO STYLES HIGHLIGHT.JS
Comment changer de style ?
Il vous suffit d'indiquer le style à utiliser dans le fichier suivant :
/app/code/Netgasoline/Highlightjs/view/frontend/layout/default.xml
Remplacez monokai-sublime.css par le nom du style que vous voulez.

<!-- /app/code/Netgasoline/Highlightjs/view/frontend/layout/default.xml -->
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="Netgasoline_Highlightjs::js/highlight.js"/>
        <script src="Netgasoline_Highlightjs::js/highlight.pack.js"/>
        <css src="Netgasoline_Highlightjs::css/styles/monokai-sublime.css"/>
    </head>
</page>
Comment placer du code ?
Vous devez placer votre code à l'interieur des balises suivantes pour rendre votre code visible avec HighLight.js :
<pre><code class="Language"></code></pre>
EXEMPLE :
<pre><code class="xml">
<!-- Votre code ici -->
</code></pre>

Installation avec Composer

  • Ouvrez votre terminal de commande
  • Utilisez "cd" pour vous placer à la racine de votre boutique Magento
  • Lancez la commande suivante :
    composer require GeromeF/Highlightjs
    

Installation avec un fichier ZIP

  • Télécahrgez l'archive sur GitHub
  • Décompressez les fichiers
  • Créez le répertoire app/code/Netgasoline/Highlightjs
  • Copiez les fichiers dans ce nouveau répertoire

Activez l'extension

  • Ouvrez votre terminal de commande
  • Utilisez "cd" pour vous placer à la racine de votre boutique Magento
  • Lancez les commandes suivantes
    php bin/magento module:enable Netgasoline_Highlightjs
    php bin/magento setup:upgrade
    
Rédigez votre propre commentaire
Vous commentez :HighLight.js
Votre évaluation