IPB

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Éditeur HTML WYSIWYG
Options
Kovak
posté 22 Dec 2020, 17:18
Message #1


Macbidouilleur de bronze !
**

Groupe : Membres
Messages : 526
Inscrit : 14 Nov 2019
Membre no 209 377



Bonjour,
Autrefois, il y avait Komposer en français et gratuit mais il reste en 32 bits. Dommage sad.gif
J'avais trouvé Smultron, en français et 64 bits, mais payant et de plus il semble avoir des difficultés avec les icônes. Exemple, je clique sur un fichier .rtf et c'est Smultron qui s'ouvre avec ses codes ohmy.gif sad.gif
Depuis j'ai trouvé TextWrangler mais il est en anglais, dommage car il est gratuit mais on ne sait pas s'il est 32 ou 64 bits…
Reste donc, à ma connaissance, BlueGriffon qui est en français, gratuit, et en 64 bits.
Quelqu'un aurait-il des avis sur ce soft ? je cherche à remplacer le regretté Kompozer afin de pouvoir passer à Catalina rolleyes.gif

Comme FTP, je me servais de Fetch, payant mais en français. Depuis qu'il est passé en 64 bits il est resté en anglais. Dommage sad.gif
Je vais me rabattre sur Cyberduck qui me semble être en français, 64 bits et gratuit.


--------------------
Mac mini 2018, i7, 16 Go
Go to the top of the page
 
+Quote Post
Jaypee
posté 23 Dec 2020, 07:35
Message #2


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 450
Inscrit : 29 Aug 2002
Membre no 3 340



Bonjour,

Un éditeur comme VsCode a des plugins pour tout, y compris pour FTP
Pour HTML lui-même il a une extension emmet, très puissante, et pour le rendu en direct, il y a aussi diverses options.

JP

Ce message a été modifié par Jaypee - 23 Dec 2020, 07:39.
Go to the top of the page
 
+Quote Post
Kovak
posté 23 Dec 2020, 10:16
Message #3


Macbidouilleur de bronze !
**

Groupe : Membres
Messages : 526
Inscrit : 14 Nov 2019
Membre no 209 377



Citation (Jaypee @ 23 Dec 2020, 07:35) *
Bonjour,

Un éditeur comme VsCode a des plugins pour tout, y compris pour FTP
Pour HTML lui-même il a une extension emmet, très puissante, et pour le rendu en direct, il y a aussi diverses options.

JP

Bonjour,
Je viens de jeter un bref coup d'œil sur VsCode que je ne connaissais pas. Il y en a tellement…
Je lui regrette de ne pas avoir la fonction WYSIWYG comme l'avait Komposer et comme l'a maintenant BlueGriffon vers lequel je penche plus sérieusement.
Merci quand même de l'info wink.gif


--------------------
Mac mini 2018, i7, 16 Go
Go to the top of the page
 
+Quote Post
Jaypee
posté 23 Dec 2020, 12:20
Message #4


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 450
Inscrit : 29 Aug 2002
Membre no 3 340



Le rendu HTML WYSIWYG n'est pas natif, car VsCode est générique, mais il est TRÈS facile d'installer l'un des plugins qui l'ajoute aux fonctions de base.

Un plugin pour rendu WYSIWYG de l'HTML édité
Tuto VSCode + Extensions
Son principe est la création d'un serveur HTTP local qui synchronise la vue avec le code édité.

D'un autre côté, le support d'Emmet est inclus et c'est un plus.
Tuto VScode + Emmet

Et le source de VsCode est sur GitHub (Pas surprenant ! Tous les deux appartiennent à Microsoft !)

L'idée est d'utiliser l'outil le plus versatile et le plus largement partagé par d'autres développeurs, en s'assurant ainsi la facilité d'accès à de l'aide par la communauté.
@+JP

Ce message a été modifié par Jaypee - 23 Dec 2020, 12:52.
Go to the top of the page
 
+Quote Post
Kovak
posté 21 Jan 2021, 11:23
Message #5


Macbidouilleur de bronze !
**

Groupe : Membres
Messages : 526
Inscrit : 14 Nov 2019
Membre no 209 377



Citation (Jaypee @ 23 Dec 2020, 12:20) *
Le rendu HTML WYSIWYG n'est pas natif, car VsCode est générique, mais il est TRÈS facile d'installer l'un des plugins qui l'ajoute aux fonctions de base.

Un plugin pour rendu WYSIWYG de l'HTML édité
Tuto VSCode + Extensions
Son principe est la création d'un serveur HTTP local qui synchronise la vue avec le code édité.

D'un autre côté, le support d'Emmet est inclus et c'est un plus.
Tuto VScode + Emmet

Et le source de VsCode est sur GitHub (Pas surprenant ! Tous les deux appartiennent à Microsoft !)

L'idée est d'utiliser l'outil le plus versatile et le plus largement partagé par d'autres développeurs, en s'assurant ainsi la facilité d'accès à de l'aide par la communauté.
@+JP

Bonjour,
J'ai installé Visual Studio Code et après avoir choisi "French" j'ai installé Browser Preview mais pas moyen de voir une page d'un site que j'ai importé. Dans la colonne de gauche, "EXPLORATEUR-> ÉDITEURS OUVERT-> MONSITE puis tous les fichiers et dossiers comme avec Komposer. J'ai mes pages mais en code uniquement. Pas comme elles devraient être dans un navigateur.
En fait c'est d'un éditeur WYSIWYG que j'aurais davantage besoin et pas vraiment d'un éditeur HTML… whistle.gif

EDIT :
Je n'utilise pas Chrome. Est-ce la raison ? Comment choisir son navigateur pour visualiser ses pages dans Visual Studio Code ?
Merci d'avance.

Ce message a été modifié par Kovak - 22 Jan 2021, 15:18.


--------------------
Mac mini 2018, i7, 16 Go
Go to the top of the page
 
+Quote Post
Kovak
posté 31 Jan 2021, 19:32
Message #6


Macbidouilleur de bronze !
**

Groupe : Membres
Messages : 526
Inscrit : 14 Nov 2019
Membre no 209 377



Bonjour,
Le titre du sujet n'est sans doute pas bon. Il aurait fallu que je mette "Éditeur WYSIWYG".
Par un pur hasard je suis tombé sur "Open Webware".
Pas trouvé s'il était compatible Big Sur, ni s'il était en français.
Quelqu'un l'aurait-il déjà utilisé ?


--------------------
Mac mini 2018, i7, 16 Go
Go to the top of the page
 
+Quote Post
baron
posté 31 Jan 2021, 19:50
Message #7


Macbidouilleur d'Or !
*****

Groupe : Modérateurs
Messages : 15 747
Inscrit : 22 Jul 2004
Lieu : Louvain-la-Neuve (Gaule Gelbique)
Membre no 21 291



Note de la modération :
Je modifie le titre et t'invite à relire la chartewink.gif


--------------------
MacBook Pro 15’’ mi-2010 Core i5 2,53 GHz, 4 Go/SSD Samsung 850EVO 500 Go – Mac OSX 10.6.8  Power Macintosh G3 beige de bureau, rev.1 @ 233MHz, 288 Mo/4Go – MacOS 9.1 — + carte PCI IDE/ATA Tempo 66 Acard 6260 avec HD interne Maxtor 80 Go + graveur interne CDRW/DVD LG GCC-4520B + tablette A4 Wacom UD-0608-A + LaCie ElectronBlueIV 19" + HP ScanJet 6100C   Routeur/modem ADSL Trendnet TW100-BRM504 > B-Box 3 + HP LaserJet 4000 N  
La recherche dans MacBidouille vous paraît obscure ? J'ai rédigé une proposition de FAQ. Le moteur logiciel a un peu changé depuis mais ça peut aider quand même.
Les corsaires mettent en berne…
Go to the top of the page
 
+Quote Post
Jaypee
posté 1 Feb 2021, 11:42
Message #8


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 450
Inscrit : 29 Aug 2002
Membre no 3 340



Citation (Kovak @ 31 Jan 2021, 19:32) *
...
Par un pur hasard je suis tombé sur "Open Webware".
...

D'entrée, le produit est déroutant, pas un seul lien "Installation" ou "Documentation". Il faut 1) Télécharger un Zip et le déballer 2) Aller chercher le doc.html et l'ouvrir dans Firefox pour comprendre de quoi il s'agit :

C'est une bibliothèque pour offrir la capacité d'éditer un contenu riche en style, à l'intérieur d'une page HTML salement éditée par vos propres moyens. J'exagère pour tracer la ligne entre le confort du développeur et celui de l'utilisateur.
C'est une balise textarea avec du style.

Imaginez un service comme Wikipedia qui demanderait un style particulier pour créer des articles, c'est là qu'il brillerait. Auparavant, il y avait d'autres composants similaires comme FCKEditor, au nom peu orthodoxe.

Les IDE comme VsCode, IntelliJ, NetBeans ont en général des plugins pour visualiser/éditer toutes sortes de format.

Pour VsCode, la doc officielle dit:

Common questions
Does VS Code have HTML preview?
No, VS Code doesn't have built-in support for HTML preview but there are extensions available in the VS Code Marketplace. Open the Extensions view (⇧⌘X) and search on 'live preview' or 'html preview' to see a list of available HTML preview extensions.


Il faut donc installer une extension de Prévisualisation à choisir parmi plusieurs options disponibles, affichées en recherchant les mots-clés mis en évidence ci-dessus.

Pour rester honnête, j'ai essayé, et il faut admettre le preview HTML est complètement hors-service. Il y a cependant une alternative :
Installer une extension "Live server" qui peut démarrer un petit serveur web sur le port 5000 accessible à l'intérieur de l'éditeur ou avec un browser externe, et qui permet de naviguer et visualiser les différentes pages éditées.

Je viens de l'essayer, et la page du browser est automatiquement rafraîchie lorsque le code change. Pas WYSIWYG au sens strict, certes, mais offre un réel environnement de développement avec tous les outils associés.

J-P



Go to the top of the page
 
+Quote Post
scoch
posté 3 Feb 2021, 23:47
Message #9


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 4 681
Inscrit : 1 Jul 2010
Membre no 156 073



Citation (Kovak @ 21 Jan 2021, 12:23) *
EDIT :
Je n'utilise pas Chrome. Est-ce la raison ?

Oui, l’extension Browser Preview requiert Chrome.

Tu peux utiliser l’extension Live Server Preview. Ça fonctionne pour l’aperçu HTML et CSS. Il faut enregistrer les modifications de HTML ou CSS pour mettre à jour l’aperçu.
Depuis le fichier HTML, ouvrir la palette des commandes Cmd + Maj + P et saisir « Show Live Server Preview ».
Pour JavaScript, il y a de grosses limitations…


--------------------
L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
Go to the top of the page
 
+Quote Post
Kovak
posté 4 Feb 2021, 09:15
Message #10


Macbidouilleur de bronze !
**

Groupe : Membres
Messages : 526
Inscrit : 14 Nov 2019
Membre no 209 377



Bonjour,
Malgré que BlueGriffon qui est en français, gratuit, et en 64 bits il reste qu'il n'est pas compatible avec Big Sur. De trop nombreux bugs existent.
Il n'a pas les fonctions du regretté Komposer. Par exemple il n'a pas la fonction d'ouvrir un dossier, seulement un fichier… alors comment reprendre la gestion d'un site créé avec Komposer ?
C'est vraiment un Éditeur WYSIWYG que je recherche plutôt qu'un Éditeur HTML.

Fichier(s) joint(s)
Fichier joint  Kompozer___Gestionnaire_de_sites.png ( 23.56 Ko ) Nombre de téléchargements : 6
 


--------------------
Mac mini 2018, i7, 16 Go
Go to the top of the page
 
+Quote Post
lionelmacb
posté 20 Feb 2021, 10:56
Message #11


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 726
Inscrit : 2 Jul 2008
Membre no 117 097



Je crois qu'il n'y avait que BlueGriffon pour remplacer Komposer mais il ne fonctionne déjà plus sous Big Sur !
Alors Komposer serait-il donc irremplaçable ?
Go to the top of the page
 
+Quote Post
hellomorld
posté 20 Feb 2021, 11:53
Message #12


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 5 899
Inscrit : 31 Oct 2003
Membre no 11 118



As-tu tester toutes ces alternatives ?
https://alternativeto.net/software/kompozer/


--------------------
Go to the top of the page
 
+Quote Post
lionelmacb
posté 20 Feb 2021, 16:33
Message #13


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 726
Inscrit : 2 Jul 2008
Membre no 117 097



Nombreux logiciels pour Windows et en anglais sad.gif
Certains pour Mac-32 bits loin de macOS 11.2.1 (Big Sur), donc obsolètes.
Beaucoup ne sont pas annoncés "payants" mais ils le sont quand même et pas forcément traduits pour autant.
Certains fonctionnent par abonnement et sont des applis à utiliser en ligne.
Merci quand même pour ce lien wink.gif
Go to the top of the page
 
+Quote Post
scoch
posté 22 Feb 2021, 13:57
Message #14


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 4 681
Inscrit : 1 Jul 2010
Membre no 156 073



Citation (Kovak @ 4 Feb 2021, 10:15) *
C'est vraiment un Éditeur WYSIWYG que je recherche plutôt qu'un Éditeur HTML.

J’ai l’impression que ces éditeurs web sont désuets, remplacés par les CMS et leurs « constructeurs de pages » WYSIWYG.


--------------------
L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
Go to the top of the page
 
+Quote Post
Jaypee
posté 25 Feb 2021, 13:24
Message #15


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 2 450
Inscrit : 29 Aug 2002
Membre no 3 340



Le risque de l'éditeur WYSIWYG est de ne pas produire un HTML propre, à la norme du jour. (HTML5, avec doctype, etc..)

Dans le passé, il y a eu le problème du JavaScript dynamique ajouté par DreamWeaver, un enfer pour la maintenance ou l'évolution des pages web.
C'est pourquoi, un éditeur de développement équipé d'outils d'assurance qualité, et la visualisation séparée dans un navigateur, sont plus sûrs.

J-P
Go to the top of the page
 
+Quote Post
lionelmacb
posté 25 Feb 2021, 17:51
Message #16


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 726
Inscrit : 2 Jul 2008
Membre no 117 097



Oui sans doute mais pour le non initié que je suis aussi, un éditeur WYSIWYG comme Komposer était super !
Cela n'empêchait pas d'ouvrir ses fichiers dans un éditeur de texte afin de les peaufiner.
Autrefois il y avait Smultron qui complétait bien Kompozer.
Sinon il y avait aussi "Home Page" de chez Claris qui était vraiment super !
Les Macs évoluent mais l'époque du Mac convivial est révolue… sad.gif
Go to the top of the page
 
+Quote Post
hellomorld
posté 26 Feb 2021, 06:25
Message #17


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 5 899
Inscrit : 31 Oct 2003
Membre no 11 118



Sinon tu as mobirise qui est un peu limité (au moins dans sa version gratuite) mais qui peut déjà permettre de produire quelquechose.

Ce message a été modifié par hellomorld - 26 Feb 2021, 06:28.


--------------------
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 1st March 2021 - 04:30