Archives des tags : WYSIWYG

Pas encore de description pour le tag WYSIWYG. Suggérez à l'administrateur du site de d'y remédier.
Autres CMS

11 éditeurs HTML WYSIWYG et WYSIWYM

Ces éditeurs WYSIWYG ont la particularité d’utiliser Javascript pour convertir le contenu des champs créés à l’aide de la balise textarea en contenu HTML principalement ; certains éditeurs proposent également d’autres syntaxes : Wiki, BBCodes, XBBCodes, Markdown, Textile ou Dotclear. Le point commun de ces outils est de proposer des icônes plus ou moins explicites pour donner aux portions de textes adéquates le sens ou la mise en forme désirés sans être obligé de saisir les balises HTML. Ces éditeurs sont généralement utilisés dans les CMS où ils permettent aux utilisateurs de saisir du texte presque comme dans LibreOffice ou Microsoft Word ! →

Bons tuyaux

Markdown — L’éditeur presque WYSIWYG

Si j’utilise très souvent les éditeurs WYSIWYG pour saisir du texte (LibreOffice ou TinyMCE sur WordPress) j’ai un faible pour la syntaxe Markdown qui permet d’écrire presque normalement en attendant qu’un convertisseur transforme ma prose en balises HTML bien formées. →

Intégration web

Maqetta — Editeur HTML5 / Javascript en ligne ou à emporter

Maqetta est un éditeur HTML5 open source lancé par IBM sous l’égide de la fondation Dojo. Cet éditeur existe en deux parfums : une version en ligne en mode Saas et un logiciel de 42,7 Mo à télécharger sur son poste de travail. La version en ligne est déjà très intéressante : l’ajout des contrôles jQuery UI s’effectue par glissé-déposé et l’interface est suffisamment WYSIWYG pour voir les Menus à onglets (Tabs) ou les Menus en accordéons (Accordions) fonctionner pour de vrai. On peut passer à volonté du mode «Design» au code «Source» ou avoir les deux à l’écran, horizontalement ou verticalement. →

Intégration web

BlueGriffon — Un éditeur HTML5 & CSS3 WYSIWYG avec des morceaux de Firefox

Après ma longue liste commentée des éditeurs HTML plus ou moins WYSIWYG, voici mes premières impressions sur BlueGriffon. C’est un éditeur HTML complètement WYSIWYG dont l’affichage est confié au moteur de rendu qui équipe le navigateur Firefox. Le créateur s’y connait, puisqu’il s’agit de Daniel Glazman (@glazou pour les intimes) qui travaillait déjà sur Composer, l’éditeur HTML de la suite Netscape, puis sur Nvu dans le cadre de Disruptive Innovations. Il fait partie du groupe de travail de normalisation du langage CSS au W3C : c’est un vrai spécialiste des CSS. →

Plugin jQuery

markItUp! — Un éditeur pour vos textareas

markItUp! est un plugin jQuery créé par Jay Salvat qui permet de transformer un textarea en éditeur HTML, Textile, Wiki, Markdown, BBcode ou votre propre système de balisage ! markItUp! n’est pas un éditeur prêt-à-l’emploi, ce n’est pas un éditeur Wysiwyg, mais offre un moteur de balisage léger, personnalisable et souple dont les développeurs pourront tirer partie. →

Extension WordPress

Markdown on Save — L’ami HTML de Markdown pour WordPress

Markdown on Save est un plugin WordPress qui permet de rédiger des articles avec la syntaxe Markdown tout en enregistrant la version HTML dans en base de donnée. La version Markdown est sauvergardée dans une nouvelle table post_content_formatted pour conserver l’intégrité de vos articles. En l’absence du plugin Markdown, c’est la version HTML qui est enregistrée dans la table post_content, comme d’habitude. →

HTML & CSS

30+ éditeurs HTML plus ou moins WYSIWYG

Qu’il s’agisse de créer une page web ou de permettre aux utilisateurs de mettre en forme leurs articles ou leurs commentaires, on a toujours besoin d’un éditeur HTML à consommer sur place ou à emporter. Voici une sélection de plus de 30 éditeurs HTML (tirée en grande partie de ma liste des 1000 ressources pour webdesigner) qui devrait occuper les longues soirées d’automne qui s’annoncent. →

Intégration web

HTML5 — Repenser le découpage des pages web et des contenus

Derrière les nouvelles balises proposées par HTML5 se cache un nouveau modèle de structuration. Jusqu’à présent, on rencontre souvent la structure suivante : un niveau de titre `h1` pour le nom du site et ça continue avec `h2` pour le titre des articles ; reste `h3` — `h6` pour structurer la prose, ce qui est suffisant ou pas. HTML5 introduit la notion de Sectioning Content (cf. le concept d’outline) de manière explicite avec les balises `section`, `nav`, `article` et `aside` ou de manière implicite a chaque utilisation d’un niveau de titre `h1`. →