WWYSIME
Open source · MIT · npm

Ce que vous voyez
reste du Markdown.

WYSIME est un éditeur WYSIWYG Markdown-first léger, écrit en JavaScript natif. Offrez une édition riche à vos utilisateurs tout en conservant le Markdown comme format canonique de stockage.

Voir sur npmExplorer sur GitHub
v0.1.0 première preview publiqueVanilla JS sans framework d’éditionMIT usage commercial autorisé
H1BIU≡☑</>▦

Le Markdown sans friction d’édition.

Éditez visuellement, conservez du Markdown en dessous. WYSIME reste indépendant de votre stockage, de votre authentification et de votre infrastructure d’upload.

Markdown-first. Votre application garde la maîtrise du format source ; WYSIME prend en charge l’expérience d’édition.
Pensé pour l’intégration

Un moteur d’édition ciblé, pas un framework applicatif.

WYSIME fournit la couche d’édition. Votre application garde le contrôle des routes, de l’authentification, de la persistance, de la logique métier et du stockage des images.

MD

Markdown-first

Le Markdown reste la valeur canonique que vous lisez, stockez et échangez.

JS

JavaScript natif

Aucun ProseMirror, Tiptap, Quill ou autre framework d’édition dans le runtime.

↔

Édition bidirectionnelle

Rendu du sous-ensemble Markdown éditorial supporté et sérialisation vers Markdown.

▦

Tableaux contextuels

Ajout/suppression de lignes et colonnes, gestion des en-têtes et suppression du tableau.

IMG

Images prêtes à uploader

Branchez votre propre callback d’upload, sans imposer de backend de stockage.

</>

Code & blocs éditoriaux

Code inline, blocs de code, callouts, étapes, tâches, liens et contenus structurés.

Installation

De npm à un éditeur en quelques lignes.

Installez WYSIME comme une dépendance classique, importez l’éditeur et sa feuille de style, puis montez-le sur votre champ.

Terminal
npm install wysime
JavaScript
import { WYSIMEditor } from "wysime";
import "wysime/style.css";

const editor = new WYSIMEditor("#editor", {
  locale: "fr"
});

Le code, la documentation et les tests sont publics.

Consultez l’API, les issues, les releases et l’historique du projet sur GitHub.

Dépôt GitHubPackage npm
FAQ

Questions fréquentes.

Que signifie WYSIME ?

WYSIME signifie « What You See Is Markdown Editor ». L’utilisateur édite visuellement tandis que le Markdown reste le format source.

WYSIME est-il totalement sans dépendance ?

Non. Il n’utilise pas de framework d’édition tiers, mais utilise DOMPurify pour la sanitization HTML.

Peut-on l’utiliser dans un logiciel commercial ?

Oui. La licence MIT permet l’usage commercial, la modification et la redistribution sous réserve de conserver les mentions de licence et de copyright.

WYSIME gère-t-il directement le stockage des images ?

Non. L’upload est volontairement délégué à l’application hôte via un callback configurable.