Metadata-Version: 2.4
Name: thonny-html-highlighter
Version: 1.3.0
Summary: Coloration syntaxique HTML, CSS et JavaScript pour Thonny
Requires-Python: >=3.10
Description-Content-Type: text/markdown
Requires-Dist: thonny>=5.0.0
Dynamic: requires-python

# Thonny HTML Highlighter

Plugin pour [Thonny](https://thonny.org/) ajoutant la coloration syntaxique et l'autocomplétion  pour les fichiers HTML et css, avec prise en charge du **CSS** et du **JavaScript** intégrés.
Ajout d'un bouton pour lancer le code html dans le navigateur.
## Fonctionnalités

Le plugin permet de mieux distinguer les différents éléments d'une page HTML :

* balises HTML
* noms des balises
* attributs HTML
* valeurs des attributs
* commentaires HTML
* sélecteurs CSS
* propriétés CSS
* valeurs CSS
* commentaires CSS
* mots-clés JavaScript
* chaînes de caractères JavaScript
* commentaires JavaScript
* objets JavaScript
* méthodes JavaScript
* nombres JavaScript

La coloration fonctionne également pour le CSS contenu dans les balises `<style>` et le JavaScript contenu dans les balises `<script>`.

## Exemple

Un code comme :

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>

<body>
    <h1 class="titre">Bonjour</h1>

    <script>
        let message = "Bonjour !";
        console.log(message);
    </script>
</body>
</html>
```

est automatiquement coloré dans l'éditeur de Thonny.

## Installation

### Depuis Thonny

Le plugin peut être installé directement depuis :

**Outils → Gérer les plugins**

Rechercher :

```text
thonny-html-highlighter
```

Puis installer le plugin et redémarrer Thonny si nécessaire.

### Avec pip

Il est également possible de l'installer avec :

```bash
pip install thonny-html-highlighter
```

Le plugin nécessite **Thonny 5.0.0 ou une version ultérieure**.

## Compatibilité

* Thonny : `>= 5.0.0`
* Python : `>= 3.10`
* Windows, Linux et macOS

## Fonctionnement

Le plugin utilise le système d'extensions de Thonny et s'intègre directement à l'éditeur de code.

Il détecte automatiquement les éléments HTML ainsi que les blocs CSS et JavaScript présents dans une page HTML.

Le plugin ne modifie pas le fichier source : il agit uniquement sur l'affichage du code dans l'éditeur.


## Auteur

Pierre Lemaitre
