Contacts

Editeur HTML visuel pour Linux. Top Editeurs HTML gratuits pour OS Linux

Qui a son propre site Web, blog, forum ou autre ressource Internet, en règle générale, tôt ou tard pour maîtriser les langues HTML. et Php.. Qui a récemment passé à Ubuntu aimerait savoir quels programmes et éditeurs peuvent offrir ce système d'exploitation pour travailler avec le site.

Je vais commencer par l'éditeur léger Gedit. .
Gedit est un éditeur de texte par défaut pour Ubuntu. Bien que GEDIT ne soit pas aussi puissant que de nombreux éditeurs, il possède d'excellentes opportunités pouvant être étendues au détriment des plugins: http://live.gnome.org/gedit/plugins. L'éditeur est écrit par GNOME Software Foundation, de sorte qu'il prend en charge entièrement GIO / GVFS et fonctionne avec tous les fichiers que Nautilus fonctionne. Ce sont des fichiers disponibles sur FTP, SMB, SSH / SFTP, ainsi que DAV. Il est très utile lorsque vous travaillez avec un serveur distant.

Caractéristiques GEDIT:

  • Support d'impression
  • Sélection de la syntaxe personnalisable (C, C ++, Java, HTML, XML, Python, Perl, etc.)
  • Beaucoup de plugins
  • Navigateur de fichiers
  • Vérification orthographique
  • Capacité à créer sauvegardes Documents
  • etc.

Gedit est simple, mais très joli et utile. Récemment, je l'utilise pour travailler avec des sites.

Installer Gedit:

Sudo apt-get install gedit

Geangy. - c'est un mélange qui consiste en éditeur de texte et IDE. Il a non seulement des outils pour le développement Web, mais également la possibilité de développer des logiciels. Geany prend en charge le code de pliage, le menu Variable et Fonctions pour trouver rapidement les fonctions souhaitées, il est possible d'installer des schémas de couleur, un compilateur, un terminal interne et bien plus encore, ce qui devrait contenir un éditeur moderne. La geangy est très activement développée et améliorée.

Installez Geany:

Sudo aptitude install installer geany

- Ceci est un éditeur de texte avec le rétroéclairage de syntaxe.

  • Insérer le code pour fichiers de configuration Apache, C, CSS, JavaScript, PHP, HTML (et autres)
  • Création de tables
  • Syntaxe de surbrillance flexible
  • Tag HTML
  • Navigateur de fichiers
  • Travailler avec le fichiers distants Par ftp.
  • et beaucoup plus

Bluefish Instal Blue:

Sudo aptitude install installer bluefish

Kompozer. - Ceci est un éditeur HTML WYSIWYG (Visual), basé sur NVU. Au printemps 2007, download.com a annoncé le meilleur de Kompozer alternative gratuite Adobe CS3.

Les principales caractéristiques de l'éditeur:

  • Travailler en mode WYSIWYG, la possibilité de modifier le code source directement
  • Intégré Client FTP
  • La possibilité de vérifier le code source de la page à aide html Validateur de W3C.
  • Travailler avec plusieurs documents à l'aide des onglets
  • Possibilité de publier sur Internet Pages créées

Comment installer Kompozer à Ubuntu 14.04 Lire.

Seamonkey Linker entre dans le forfait logiciel du Conseil Seamonkey. DANS cet ensemble Présent: navigateur Web, client de messagerie, carnet d'adresses, client de Chatzilla IRC, linker, ainsi que des outils pour les développeurs Web. Extérieurement est très similaire à Kompozer, mais contrairement à celui-ci très souvent mis à jour. Pour utiliser la lieur, vous n'avez pas à connaître HTML; Il est également facile à utiliser comme éditeur de texte.
Vous pouvez ajouter des listes, des tables, des images, des liens vers d'autres pages ou des ressources, de changer de couleur et de style de police. Lors de la création d'un document, vous pouvez voir quel est votre document quand il est publié sur Internet et lui donner accès à d'autres utilisateurs, quel que soit le navigateur ou programme postal ils utilisent. Outre Kompozer a un mode WYSIWYG, qui est très utile pour les nouveaux arrivants en HTML.

Comment installer Seamonkey à Ubuntu Lire.

Il existe d'autres éditeurs pouvant être installés via des référentiels Ubuntu ou par le biais de sources tiercesMais les programmes énumérés ci-dessus devraient suffire à votre tête. Et si vous ne voulez pas approfondir langues PHP, HTML, plongez dans l'étude des tables de style CSS, puis le studio Web de Kharkov ou une autre ville, ou des pays peuvent venir à la rescousse. Les professionnels créeront un site Web pour vous, un forum, une boutique en ligne dans vos désirs.

Sous Linux existe grande quantité Valide applications pour les développeurs Web. Cette fois, j'écrirai environ quatre éditeurs HTML pratique, qui sont populaires sur cette plate-forme. Si c'est intéressant, vous pouvez continuer et écrire des programmes pour les développeurs plus souvent.

La plupart des éditeurs, en plus de la saisie de code manuelle, la technologie de support WYSIWYG.. J'essaye moi-même seulement deux éditeurs (car cela écrit toujours tout avec un Gedit, car nous sommes familiers et plus pratiques), mais les deux étaient dans les référentiels officiels de l'Ubuntu et sont disponibles à partir de Centre d'application.

Poisson bleu - Éditeur multi-plate-forme et très facile, axé sur les programmeurs et les développeurs Web. Il soutient de nombreuses langues de programmation et marquage, mais se concentre sur la création de sites Web dynamiques et statiques. il projet ouvertlibéré sous la licence GNU GPL.

Bluefish Caractéristiques:

  • Syntaxe de surbrillance personnalisable
  • Vérifiez l'orthographe des pages HTML
  • Tag HTML
  • Informations de référence intégrées pour différentes langages de programmation
  • Blocs de code pliant
  • Rétro-éclairage du début et de la fin des balises pour les blocs correspondants
  • Auto-terminaison et fermeture automatique des balises pour de nombreuses langues de programmation

(aussi connu sous le nom Quanta.) - Éditeur populaire sous KDE. Quand a un éditeur WYSIWYG, ainsi que la fonctionnalité d'édition de fichiers FTP.

Quanta Plus caractéristiques:

  • Entrée automatique de basique HTML TAGOV Et leurs attributs
  • Syntaxe en surbrillance
  • Code de code
  • Formulaires et pages Web visuels
  • Aperçu de la page Web
  • Rechercher et remplacer (y compris à l'aide d'expressions régulières)
  • Vérifier l'orthographe.
  • Blocs logiques pliant

C'est un autre outil utile Pour le développeur. Il prend en charge HTML, CSS, JavaScript, PHP, CSS et bien plus encore, ce qui suffit de la prise en charge de WYSIWYG.

Afin de savoir comment ils font face à leurs responsabilités.

Ces applications sont en grande partie similaires. Tous les trois codes d'éditeurs principalement avec isolation de la syntaxe, avec des formats intelligents et d'autres fonctions qui simplifient le code SET et d'édition. La crisée est étroitement liée à Gnome, tandis que Bluefish se sent super sur KDE et Gnome. Quanta Plus - application KDE qui s'applique avec KDE. Tous soutiennent l'édition visuelle, appelée WYSIWYG (ce que vous voyez est ce que vous obtenez - ce que vous voyez, alors vous obtenez), dans un compartiment avec des capacités de modification de code avancée. Ces éditeurs peuvent fonctionner avec HTML, JavaScript, des feuilles de style en cascade (CSS) et d'autres langages de balisage et scripts. Il est également possible de gérer des sites Web et des projets Web, y compris le support CVS.

Nous voyons que ces programmes sont très similaires, nous devons donc allouer des fonctionnalités lumineuses de chacun. Dans cet article, je me suis concentré sur la manière dont l'éditeur Web aide à écrire du code HTML, CSS et DIV Tags. Chaque programme a caractéristiques supplémentairesqui peut aborder vos besoins.

J'ai testé chaque programme avec Adobe "Spry Framewy (publié sous la licence BSD), qui vous permet d'ajouter AJAX (JavaScript et XML asynchrones et XML) sur le site Web. Spry Framework comprend un ensemble de scripts et de feuilles de style JavaScript. Utiliser et modifier Spry Les widgets nécessitent une édition facile HTML et CSS. Cela a fait un compagnon adapté spié à mes tests. Dans ces rédacteurs de troïka, j'ai porté une attention particulière aux fonctions que j'apprécie dans des applications commerciales pour la conception Web, par exemple, des étiquettes de fermeture automatique, en choisissant les paramètres de balise. (Vous composez la balise de composition et l'éditeur vous offre une liste de paramètres et de valeurs possibles), prenez prise en charge des fichiers CSS et JavaScript ci-joints.

Scrission des copies avec la plupart des travaux liés à la création et à la modification d'une page Web. Lorsque vous créez une nouvelle page, Scrission vous demandera de saisir des informations de base, puis de personnaliser les éléments principaux des balises de tête et de carrosserie.

J'étais ravi de la simplification du screouage. Par exemple, lorsque j'ai remplacé la commande de la liste ordonnée d'une liste ordonnée sur un TEG sans ordonné, la fermeture de TEG a changé automatiquement. Lorsque le code défini, affichez une liste de paramètres possibles. Après avoir sélectionné ce dont vous avez besoin, TEG fermera automatiquement. Vous avez également un assistant CSS Créateur pratique, grâce auquel les propriétés sélectionnées peuvent être insérées entre les balises de style ou le prendre sur une feuille de style distincte.

L'interface de la crise contient 2 barres d'outils: le panneau principal des opérations principales (ouvrages d'ouverture, d'impression et d'édition) et du panneau Assistant sur lequel 9 boutons sont situés pour neuf aides. Avec eux, vous pouvez facilement ajouter et configurer différents éléments: couleurs, formes, liens, images et tables.

À gauche a aussi panneau latéralqui peut afficher 5 fenêtres:

  • Des dossiers;
  • Arbre de document, pratique pour naviguer sur les pages sur le site modifiable;
  • Liste des paramètres qui changent de manière dynamique en fonction de la balise divergent;
  • Symboles pour travailler avec SI-Tags, le cas échéant sur votre site Web.
  • Scrission prend en charge 4 types d'affichage de la page Web:

  • sous forme de code - rien d'autre comme la fenêtre d'édition habituelle;
  • sous la forme d'un arbre - une copie de l'arborescence de document affichée sur la barre latérale;
  • aperçu - montre comment la page ressemblera dans le navigateur. Un inconvénient - Les éléments épecrés basés sur JavaScript ne sont pas affichés;
  • sous forme de liens - un diagramme sur lequel il est indiqué comme les pages de l'autre site associées au courant et à leur statut.
  • Un puissant éditeur HTML est masqué sous l'interface simple ScryMe. Seulement je voudrais qu'il soit plus facile d'être installé sous KDE. J'ai testé un écrasé sur Ubuntu LiveCD pour éviter de compiler et de télécharger des bibliothèques GNOME requises pour travailler cet éditeur à KDE. Et de toute façon, Scrission est un exemple éclatant d'une application qui s'échappe parfaitement avec la tâche sélectionnée en utilisant en même temps caractéristiques supplémentaires. Si vous utilisez GNOME, vous pouvez vous accueillir. Si vous utilisez KDE ou autre environnement, vous devrez télécharger des bibliothèques supplémentaires pour travailler avec cet éditeur.

    Poisson bleu

    L'éditeur Bluefish est en grande partie plus difficile que le cravate, mais il est plus polyvalent. Outre HTML et CSS, il vous permet d'éditer C, Java, Perl, Python, XML et plusieurs autres langues. Pour travailler avec HTML et CSS, cet éditeur est similaire aux capacités de Scrasement. Cependant, contrairement à ce dernier, Bluefish n'offre pas de liste de paramètres de balises à choisir et ne modifie pas la balise de fermeture lorsque l'ouverture d'ouverture change.

    Néanmoins, Bluefish est bien organisé et facile à utiliser. Grâce au menu Tag, vous pouvez sélectionner une balise et l'appliquer dans le texte sélectionné ou simplement insérer des balises si le texte n'est pas mis en surbrillance. Les balises dans le menu sont divisées en 9 catégories: titres, formatage spéciaux, formatage, mise en forme de contexte, formatage général, table, liste, forme et différents. Le menu "Dialogues" fournit plusieurs boîtes de dialogue (analogue des aides au screem) pour effectuer diverses tâches: ajouter une référence, des tables, des formes ou un style CSS. Dans les dialogues, vous entrez ou sélectionnez les valeurs de paramètre dans la liste pour différentes balises que Bluefish Insérerez dans le document. À travers les dialogues également produits réglage initial Document en ajoutant des balises méta, des liens vers des tables de styles, etc. Le menu ne dépend pas du contexte, c'est-à-dire si vous modifiez un fichier Python, ils fourniront toujours des fonctions à utiliser avec HTML.

    Bluefish a un assistant idéal pour créer des vignettes. Avec cela, vous pouvez facilement créer un aperçu de n'importe quelle image, commode si vous souhaitez organiser un album photo en ligne sur votre site. Cet assistant échoue la taille de l'image au rapport spécifié ou comme dans le pourcentage et ajoute automatiquement une image et des balises pour référence.

    Bluefish est un éditeur HTML très capable, surtout si vous devez écrire beaucoup sur PHP, JavaScript, Java et d'autres langues prises en charge. Toutes les édités dans Bluefish se produisent essentiellement à travers le menu, ce qui ne le rend pas si interactif en tant que scrouse, qui fait la même chose, mais de manière dynamique pendant que je tape. Cependant, les capacités de bluefish vont bien au-delà d'une simple modification HTML et CSS. De plus, il est installé sans aucun problème et commence à la fois sous KDE et sous Gnome.

    Quanta Plus.

    En substance, Quanta Plus est l'éditeur de code. Il a des capacités de WYSIWYG, mais elles ne sont pas aussi utiles, car il peut sembler à première vue. Cela valait la peine sur une petite page Web, puisqu'un aperçu a cessé de fonctionner. Cela m'a un peu surpris, donc en même temps qu'une page plus complexe a été chargée et que son aperçu a été affiché normalement. Mais même lorsque la prévisualisation fonctionne bien, il y a suffisamment d'étrange support pour la modification de WYSIWYG. Par exemple, lorsque vous appuyez sur la touche "Entrée", une balise balises est insérée, au lieu de la balise du nouveau paragraphe. La même chose se produit lorsque la liste est modifiée lorsque vous appuyez sur la touche "Entrée", l'idée doit créer un nouvel élément de la liste. En général, l'aperçu est préférable d'utiliser pour afficher le résultat et non pour l'édition directe.

    Si vous ne devez pas prendre en compte tout ci-dessus, Quanta Plus est un éditeur de code vraiment puissant. Son interface est beaucoup plus compliquée que Bluefish, mais la tâche principale de Quanta Plus est toujours la modification Web. Cet éditeur prend en charge la sélection de langages de syntaxe, de scripts et de marquage. Comme dans Bluefish, si le menu est conçu pour fonctionner avec une seule langue, vous n'avez aucune incidence sur le code écrit dans une autre langue. Quanta Plus permet aux utilisateurs de créer leur propre barre d'outils pour fonctionner avec une langue spécifique.

    Encore une fois, comme dans Bluefish, créant nouvelle page Il est préférable de commencer avec le menu Tag où vous pouvez trouver une boîte de dialogue pour créer une structure de base (méta-tags, en-tête de document, etc.). Grâce au menu Tag, vous pouvez simplement insérer une balise ou ouvrir une boîte de dialogue pour la configuration des balises avec plusieurs paramètres. À mon avis, la chose la plus importante est que Quanta Plus propose de sélectionner les paramètres de balise et les valeurs de ces paramètres dans le processus de gain du code. Dans Bluefish, cette caractéristique est manquante en tant que telle et offre un screem offrant uniquement le paramètre, mais pas sa valeur.

    Un de plus fonctionnalité confortableLorsque vous insérez une balise contenant généralement des balises connectées, Quanta Plus ajoute automatiquement ce dernier. Par exemple, lorsque vous avez inséré une liste de tags commandée, l'éditeur ajoute automatiquement les balises d'ouverture et de fermeture pour un élément de liste et fermez la commande de la liste commandée.

    Le contrôle CSS à Quanta Plus est légèrement déroutant, car il est effectué par deux boîtes de dialogue. Mais si vous le comprenez, la modification CSS deviendra très simple. Afin de créer un style CSS, vous devez d'abord ouvrir la boîte de dialogue "Sélecteur CSS" pour déterminer l'élément auquel le style sera appliqué. Double-cliquez ensuite sur le "Sélecteur CSS" Aller à la boîte de dialogue "CSS Editor" suivante, dans laquelle vous pouvez déjà spécifier tous les paramètres de style. En conséquence, nous obtenons le code CSS parfaitement formaté.

    Quanta Plus est l'éditeur le plus difficile des trois personnes à l'étude, mais en même temps le plus capable. Il ne peut que se réjouir, la possibilité de configurer l'interface Quanta Plus à leurs besoins. Cet éditeur offre tout ce dont vous avez besoin et encore plus pour répondre aux besoins des utilisateurs qui sont engagés dans l'écriture et la modification d'un code HTML et CSS. Pour ceux qui utilisent Gnome, Quanta Plus devront télécharger des bibliothèques supplémentaires, mais cela en vaut la peine. Les utilisateurs de la KDE n'auront pas de telles difficultés, car cet éditeur est intégré à KDE.

    Mon conseil simple - Utilisez Quanta Plus pour modifier des fichiers HTML et CSS. Pour ceux qui ne cherchent pas de chemins de lumière, j'offre les options suivantes:

  • Si vous êtes un gnome utilisateur, placez-la. C'est un simple, rapide et assez Éditeur puissant Pour l'édition Web. Cependant, il contraste avec Bluefish et Quanta Plus, n'offre pas de telles opportunités de travailler avec des langues qui n'ont aucune relation directe avec le rédaction Web;
  • Si vous êtes un gnome utilisateur et avez besoin de grandes opportunités, installez Quanta Plus en téléchargeant des bibliothèques supplémentaires;
  • Si vous êtes un utilisateur KDE et avez besoin d'un éditeur de code, Quanta Plus est votre choix. Ne faites pas attention aux fonctions WYSIWYG et utilisez toute la puissance d'édition, en particulier pour CSS;
  • Pour les utilisateurs de XFCE, Quanta Plus fonctionnera bien. La screinte nécessitera des bibliothèques supplémentaires;
  • Et enfin, si vous êtes un gnome utilisateur et avez besoin larges opportunitésMais vous ne souhaitez pas installer de bibliothèques supplémentaires pour travailler avec Quanta Plus, puis Bluefish est conçue spécifiquement pour vous.
  • C'est bien qu'il y ait au moins trois applications intéressantes pour les développements Web sous Linux. Scrissement, Bluefish et Quanta Plus ne sont pas aussi exhaustifs que le leader de cette zone Adobe Dreamweaver, mais près de lui assez proches. Quanta plus Dreamweaver pratiquement analogique. Compte tenu du fait que le prix de ce dernier est assez élevé et qu'il ne prend pas en charge Linux par défaut, les trois décrits trois sont un excellent choix. En plus du fait qu'ils sont gratuits, ces éditeurs reçoivent également leurs utilisateurs un excellent résultat.

    Si vous avez aimé l'article, partagez-la avec des amis:

    Chacun de nous est tôt ou tard, il y a un désir de transmettre leurs pensées, leurs sentiments, leurs expériences à d'autres personnes. Et à l'âge d'Internet le plus façon simple Faites-le peut-être votre propre page Web. La question est seulement avec quoi faire?

    [Sergey Supruuunov (Amsand à Rambler Dot ru)]

    Si vous posez une question similaire sur certains des forums, avec une probabilité élevée, vous frapperez deux recommandations diamétralement opposées - «Compiler» tout dans un type d'éditeur purement visuel (que WYSIWYG) Dreamweaver ou exécuté de tous les éditeurs comme du feu et de faire tout exclusivement dans le bloc-notes / VI / EMACS.

    Comme il est caractéristique de tous les extrêmes, il est en eux que ces lacunes ou d'autres carences de la méthode sont plus clairement manifestées - la faiblesse du contrôle sur le code reçu dans le premier cas et une proportion extrêmement importante de «mauvais» travail dans une autre . Il n'est donc pas merveilleux que la niche entre les deux pôles n'est nullement vide et les développeurs de ses éditeurs HTML font tout le pouvoir de se faire des amis avec le clavier de la manière la plus optimale.

    Et il s'agit de la commodité de l'ensemble "Manuel" d'un code HTML sans perdre le contrôle sur le résultat et sera la clé lorsque vous comparez trois éditeurs Web les plus populaires à Linux - Scrisson, Quanta Plus et Bluefish. Bien que leur remplissage fonctionnel ne soit pas non plus ignoré. Pour l'exhaustivité de la photo, de nombreux éditeurs wysiwyg typiques - l'éditeur "Référence" d'Amaya est largement connu dans les cercles NVU étroits.

    Utilisé pour tester distribution Ubuntu. 6.06 LTS avec GNOME 2.14.1, les applications basées sur GTK ont donc reçu des chances. Tous les éditeurs ont été installés à partir de reformitaires en mode «Ta tout», aucun effort de Russify, développez la fonctionnalité dû aux plugins et ainsi de suite. pas attaché.

    Considère:

    • Bluefish 1.0.5.
    • Quanta Plus 3.5.2
    • Scrisson 0.16.1

    En dehors du concours:

    • Amaya 8.5.
    • NVU 1.0 (20060508)

    Amaya.

    Égalité sur W3C.

    Commençons notre considération de l'éditeur visuel - Amaya. Pas parce que c'est si merveilleux, mais parce que c'est en cours d'élaboration par l'organisation W3C. Pour être plus précis, il s'agit principalement d'un navigateur avec des fonctionnalités de montage très développées.

    Il est tout à fait possible d'utiliser comme éditeur (il est possible d'éditer et de modifier directement le code source, sans délices spéciaux), mais un seul petit détail gâte tout - eh bien, il ne veut pas introduire des symboles domestiques, et c'est tout . Afficher dossier prêt - S'il vous plaît supprimer - avec joie. Et entrez - non. C'est-à-dire absolument aucune réaction aux touches lorsque la mise en page de russe incluse. C'est une interface moralement obsolète de tout le vin ou une affection excessive de développeurs à ASCII. Mais d'une manière ou d'une autre, et les codeurs Web nationaux ne seront pas trop confortables.

    Alors laissez-lui le rôle d'un «navigateur de référence» et de prendre en compte les principaux requérants de la victoire.

    > En cela, vous pouvez voir le résultat, mais il est clairement faible pour éditer ...

    Il a toutes les chances de devenir idéales pour la version 1.0

    La première impression de Scrission est "Just Editor\u003e. La fenêtre de travail est divisée en trois champs - dans le champ d'entrée de droite, les erreurs et les avertissements sont affichés en bas et à gauche de plusieurs onglets permettant de naviguer dans Le document, travaille avec des fichiers, etc. Il me semblait que la languette d'arborescence particulièrement utile affiche la structure de l'arborescence - Double-cliquez sur, par exemple, la ligne de tête sera mise en surbrillance dans le champ d'édition de l'ensemble du code relié au titre.

    À partir de l'éditeur de texte habituel, il est évidemment nécessaire de distinguer les travaux avancés avec des balises HTML. Dans ce cas, l'avancement consiste à mettre en surbrillance la syntaxe, la possibilité d'entrer une balise particulière en le sélectionnant dans le menu (il est très pratique d'insérer des balises méta et une chaîne DOCTYPE littéralement deux clics) et dans l'autodopping / TIP des balises entrées (y compris les arguments).

    Une autre fonctionnalité est une fermeture semi-automatique de balises "paire". "Semi-" Parce que vous devez faire une sorte d'action avant que la balise de fermeture n'apparaisse - à savoir gagner une séquence ""Introduit sur le pilote automatique, se transforme de manière inattendue"Titre\u003e.

    Mais "Hotkeys" pour entrer rapidement des balises, malheureusement, ne sont pas fournis. Mais comme compensation - la possibilité de sélectionner la gauche sur l'onglet "Ressources" et d'insérer un double clic de balise. Un onglet "Attributs" vous permettra de consulter tous les attributs disponibles à partir de la balise dédiée et de les modifier.

    Joli fonctionnalité utile - Vérifiez la syntaxe HTML (Outils\u003e Outil\u003e Menu Tidy (HTML)). Ci-dessous, sur l'onglet "Erreur", vous recevrez des informations sur toutes les erreurs trouvées (par exemple, des balises inexistantes) et des avertissements. Dans la dernière catégorie, malheureusement, tous les symboles cyrilliques sont diagnostiqués avec un "code de caractères non valide", ce qui est un peu litto la sortie.

    Pour entrer des balises "complexes" - telles que des dessins, des références, des tableaux, des formulaires - il y a des dialogues de paramètres d'entrée (appelés "sorciers"). En passant, ils s'avèrent qu'il s'avère, est tout à fait pratique à utiliser pour les inserts SSI, en particulier lorsque la sclérose effraie une fois familière à la douleur de la combinaison des faisceaux ...

    "Assistant" pratique pour insérer et images: Choisissez dans une boîte de dialogue standard le fichier souhaité., demandez une autre signature ( attribut alt.) - Et vous avez une balise IMG avec des valeurs de hauteur et de largeur fixées automatiquement. D'autres attributs, type d'alignement, changent facilement à l'aide de l'onglet ci-dessus du même nom. Faites également attention à l'assistant «Color Wizard» - un outil très pratique de sélection de couleurs.

    Des fonctions de service - Vérification orthographique, regroupant plusieurs pages aux projets (ici ils sont appelés "Sites"), support pour CVS, publication de projet à l'aide de FTP. La page trouvée sur la page Liens peut être visualisée sur le diagramme (par ou sélectionner "Vue\u003e Link View" dans le menu) et voir immédiatement lequel d'entre eux sont internes, quels externes et qui conduisent généralement à nulle part. De même, le logiciel est activé le mode de prévisualisation. Si vous le souhaitez, vous pouvez utiliser et afficher dans un navigateur externe.

    Eh bien, une aide détaillée et bien illustrée vous permettra de maîtriser l'éditeur non seulement par la méthode de «Tyka scientifique».

    Nous pouvons donc dire que cet "Just Editor" est en fait un outil assez pratique et fonctionnel. Bien que le manque de touches de raccourci pour insérer des balises et la mise en œuvre étrange de la balise finale de la balise finale soit presque tout à fait forcée manuellement ou recourir à l'aide de la souris plus souvent que je souhaiterais quand je voudrais une entrée "rapide".


    >Moitié russe, et sinon, très bien!


    >L'affichage des liens ne ressemble à un cauchemar ... mais parfois, il ne peut pas s'en passer.

    "Star" KDE, essayant honnêtement de travailler en gnome ...

    Peut-être le meilleur éditeur HTML basé sur QT et en général, l'un des meilleurs. Le mode de fonctionnement principal est l'édition de code manuel, bien qu'il existe également un mode visuel, ainsi qu'un "combiné" unique lorsque le champ de travail est cassé en deux: en haut - comment la page ressemblera; Vous trouverez ci-dessous le code source. Et vous pouvez éditer la page et là et là - toutes les modifications sont automatiquement synchronisées. Autrement dit, insérez le code, vous voyez immédiatement le résultat, ou inversement - mettre le transfert de la ligne, vous pouvez immédiatement voir comment cette balise est terminée.

    Les touches de raccourci par défaut ne sont attribuées à toutes les balises, mais, comme vous devez vous attendre à une application KDE typique, entièrement personnalisable. Autotarochagé (comme dans Scrissement, réagissant uniquement aux symboles de la majuscule) et les invites de paramètres sont utilisées sur "HURRAY". Contrairement à la fouille, la fermeture automatique des balises est implémentée très avec succès - la balise de fermeture est insérée immédiatement après l'ouverture et le curseur est défini entre les balises. De même, l'éditeur se comporte lors de l'insertion d'une étiquette sur clé à chaudCela vous permet de ne pas être distraits pratiquement par le positionnement du curseur pendant l'ensemble. Le seul moment controversé - s'il existe une étiquette d'attribut obligatoire, la touche Hot Ouvre une boîte de dialogue pour entrer. Avec un ensemble rapide, il l'empêche et doit refuser complètement d'utiliser des touches chaudes pour de telles balises.

    Bien que dans certains cas, les dialogues soient utiles - en particulier "Dialogue de démarrage rapide", créant nouveau document Et insérer un modèle de page HTML standard. Pour les tables, il existe deux options pour créer (filtre purement une entrée à la main et compilation entièrement visuelle) - "Editeur de table", ce qui vous permet de remplir la table directement dans la boîte de dialogue et de saisir les balises.

    Il est très pratique de travailler avec des styles d'éléments individuels (bouton CSS sur l'onglet Style). Mais les fonctions de création d'une table CSS, similaire à celle de Scrasem ou Bluefish, je ne l'ai pas trouvée dans la livraison «Par défaut», malheureusement.

    Dans la fenêtre d'édition, j'ai aimé la fonction "Cut" du code lorsque toutes les lignes correspondant à, disent que la table, l'insertion PHP ou l'élément div peut être refroidie dans une ligne - cela vous permet de vous cacher inutile et de vous concentrer sur la question de savoir si sur quel besoin de.

    À droite et à gauche du champ d'édition, vous pouvez trouver des barres d'outils auxiliaires. Le droit est responsable de l'appellation de l'aide et du champ d'attribut de balises HTML qui effectue des fonctions similaires à l'onglet Attributs dans Scrasement - I.E. Permet de voir la liste des attributs de n'importe quelle balise auquel le curseur est installé et modifie la valeur de l'un d'eux.

    À gauche, les boutons d'appels d'arborescence de répertoire (par opposition à la scrousse, le glisser sur le fichier de modification fonctionne plus intelligemment, insérant un nom de fichier non simplement, mais, en fonction de la situation, étiquette complètement. , Etc.), Travaillez avec le projet, les modèles, la structure de documents (Double-clic vous permet également de sélectionner l'intégralité du code du code investi dans cet élément), scripts auxiliaires.

    Dans le menu "Plugins", vous trouverez un certain nombre de programmes utiles liés à l'édition de code HTML: vérifier les performances des liens, outil pour travailler avec des cartes d'image, outils CVS. Vrai, donné Quanta Plus concentré sur l'environnement KDE, il y a peu de gnome.

    La personnalisation de l'éditeur est tout simplement géniale - il suffit de regarder le menu "Paramètres". Vous pouvez ajuster presque tout: les barres d'outils, les programmes externes, les raccourcances, l'apparence de l'éditeur lui-même, les modes de prévisualisation ... En général, à Quanta Plus, il est assez difficile de trouver quelque chose qui serait mal à l'aise, et même de rendre impossible de changer en fonction de ses habitudes et de ses préférences.

    Donc, Quanta Plus (même étant donné que les tests ont été effectués dans l'environnement GNOME et certaines fonctions étaient inutilisables) ont fait une très bonne impression. Sa puissance, sa flexibilité et sa personnalisabilité sont en mesure de répondre aux exigences des codeurs Web les plus enregistrés, quel que soit leur niveau de préparation.


    >Presque rien à se plaindre. Et même la conception prononcée "avec style à" il peut pardonner ...


    >Attributs à droite, Cutter du code sur la gauche ... Est-il possible de désirer plus?

    Le concurrent principal pour le leadership dans la catégorie "pour gnome"

    L'un des éditeurs les plus matures basés sur GTK. La disposition de la fenêtre est assez standard - en haut de la barre d'outils, séparée en plusieurs onglets; Laissé trois onglets (arborescence de répertoire pour travailler avec des fichiers, une aide, des signets); Champ d'édition droit. En plus du menu principal avec le jeu d'éléments traditionnel, il existe un menu personnalisé (dans la barre d'outils), avec lequel vous pouvez effectuer une insertion rapide des fragments «Modèle», tels que la chaîne DOCTYPE, META Tags, Commentaires, Toute étiquette couplée et unique (le nom peut être défini) etc.), etc. En plus de HTML, vous pouvez insérer des commandes PHP, SQL, des balises DOCBOOBOOK, une paire de fragments standard pour configurer Apache (responsable de l'authentification de base et une interdiction de l'ouverture des fichiers inc) et même quelque chose sur C. c'est-à-dire dans Ajout aux fichiers HTML, Bluefish, il tente également de faciliter votre souffrance lors de la rédaction d'une configuration typique .htaccess Oui lors du développement des inserts PHP les plus simples. En sélectionnant "Menu utilisateur" Modifier le menu ", il est très facile de définir tous les modèles dont vous avez besoin.

    En plus du menu assez vaste "Tags", permettant d'insérer presque n'importe quelle étiquette, de nombreuses tâches intéressantes peuvent être trouvées dans les "dialogues" voisins, où les opérations nécessitant l'entrée de paramètres supplémentaires et permettent à une habitude des groupes entier de éléments. Par exemple, "L'en-tête de document général" (ou) insérera immédiatement le cadre de la future page HTML - avec des titres, des balises méta et de la pièce sous le corps de la page. De même, vous pouvez insérer un blanc pour une table, des cadres ( ci-après dénommé "insertions"), etc.

    L'onglet CSS mérite une mention séparée - au moins vous ne trouverez que trois boutons. Les deuxième et troisième - pour l'insertion rapide des balises SPAN et DIV. Mais le premier vous permet de créer complètement des tables stylisées. Même si vous ne vous souvenez pas du dixième des paramètres possibles et que leurs valeurs ne fonctionnent pas de travail pour sélectionner la liste souhaitée dans la liste déroulante et simplement coller dans la table créée. Le bouton "Couleur" de la boîte de dialogue vous permet de définir la couleur (où elle est requise), juste une souris collante à la personne désirée.

    Il n'y a pas d'entrée automatique pour les balises, ni pour leurs paramètres - uniquement le rétro-éclairage de la syntaxe (puis vous devez d'abord spécifier le type de document "HTML" dans l'élément de menu - Par défaut, l'éditeur s'ouvre dans un texte brut mode). La seule chose qui effectue automatiquement est la fermeture de balises de paire (vous pouvez éteindre, comme le rétroéclairage).

    Pour un jeu rapide, la plupart des balises ont des combinaisons de clés gentiment mémorables (bien que pas toujours pratique à utiliser). Trouvez où vous pouvez les modifier, j'ai échoué, malgré l'élément professionnel dans le menu "Édition" - "Enregistrez les touches de raccourci".

    Une caractéristique intéressante de travailler avec des vignettes d'images - Sélectionnez un fichier et, concentrez-vous sur l'aperçu, le «coureur» habituel définit la taille souhaitée. L'outil de sélection des couleurs sera également utile ("Couleur" "Couleur" commune) - piquer la souris à l'ombre que vous l'aimez, et une représentation hexadécimale sera insérée dans le code pour fermer la boîte de dialogue.

    Il existe un soutien pour les projets, vérifiant l'orthographe, interaction avec des programmes externes (marque, compilateur Javac, vérification de la syntaxe HTML, recodage des symboles de configuration de la chaîne DOS2UNIX; dans les paramètres, il est assez facile de connecter votre propre gestionnaire). L'affichage du résultat n'est possible que dans un navigateur externe.

    En général, l'impression d'une certaine liquidation était l'impression, bien que le potentiel de l'éditeur soit énorme. Nous avons particulièrement aimé les possibilités de construire la fonctionnalité par des programmes externes. Une bonne impression a quitté le menu utilisateur, avec laquelle il est facile de réduire la plupart des opérations de routine à plusieurs horloges. Mais les débutants ne seront pas très manquants d'autodoping et de paramètres d'inclinaison. Le verdict est un bon rédacteur en chef pour les professionnels qui ne sont pas habitués à un luxe excessif, mais soient assoiffés d'automatiser les actions typiques.


    >Le rétro-éclairage et les panneaux personnalisés ne vous permettent de travailler avec presque tout code pouvant être nécessaire lors du développement d'un site Web.


    > Une boîte de dialogue pour créer une table styliste - le résultat sera ajouté au champ d'édition.

    Nvu.

    Si vous choisissez cet éditeur WYSIWYG, oubliez la modification manuelle

    C'est l'idée de Linspire comme une utilisation normale du régime visuel, comme prévu du programme "orienté utilisateur". Cependant, les onglets au bas de l'espace de travail sont très faciles à le basculer au mode d'édition du code source. Voici l'aperçu et le mode, appelé "balises HTML", lorsque sur la page (comme il apparaît dans le navigateur), "l'étiquette" est imposée à chaque élément, montrant quelle étiquette pour cet élément est répondu. Il est tout à fait pratique pour l'analyse rapide du code de quelqu'un d'autre - je n'ai pas trouvé une autre application à ce régime.

    Le travail en mode visuel n'est pas très différent de celui dans le processeur de texte habituel tel que l'écrivain ou l'abiword. Oui, et nous avons convenu de naviguer principalement sur la modification "manuelle".

    Curieusement, mais lorsque vous passez en mode manuel, les boutons de la barre d'outils et les éléments de menu responsables de certaines balises sont bloqués. Aucune auto-conformité, la mise en évidence minimale de la syntaxe qui ne s'étend pas au texte nouvellement entré ... En général, "a pris pour un homme - ne dit pas que ce n'est pas un duc," et n'aimait pas le mode visuel, Alors obtenez le Bloc-notes habituel. Comme l'éditeur de code source NVU ne brille pas (et ce n'est pas destiné à cela), ainsi de suite à sa critique et complété ...

    RÉSULTATS

    Choisissez le meilleur éditeur HTML s'est avéré être une question difficile. Bluefish dans l'environnement Gnome ressemble à un poisson dans l'eau (il n'y a pas besoin de blagues sur la couleur, d'accord?) Toutefois, pour une victoire inconditionnelle, il manque toujours de fonctionnalités. Cependant, pour ceux qui sont habitués à travailler dans un ordinateur portable, ce sera un choix proche de l'idéal - il est totalement discret (même presque altéré), mais en même temps, toujours prêt à venir à votre aide.

    Scrission, malgré le petit numéro de version, presque rien ne traîne derrière Bluefish, et, dans certains endroits, même avant. Un peu d'équipement auto étrangèrement mis en œuvre d'étiquettes appariées interfère parfois avec le travail et le manque de clés de raccourci pour les étiquettes se transformera à une profonde découragement de ceux qui s'attendaient à supprimer la souris, mais à la même heure à ne pas entrer tout leurs mains.

    Eh bien, Quanta Plus, même en étant dans un environnement non rigide, a démontré la combinaison la plus harmonieuse des fonctions "aidant" et la commodité du travail rapide. La possibilité de configurer presque tout sera indispensable pour les amateurs de «se promener», bien que les raccourcis arrière par défaut et la composition de la barre d'outils soient suffisamment sélectionnés. En général, le chef inconditionnel à l'heure actuelle était l'étranger de la planète KDE »comme éditeur HTML la plus mature et la plus réfléchie, pour laquelle les lauriers du gagnant reçoivent.


    > Vous ne pouvez pas décider comment vous feriez mieux d'éditer le site - manuellement ou visuellement? Avec Quanta Plus, vous n'avez pas besoin de casser entre deux modes de travail!

    Caractéristiques du tableau récapitulatif

    Remarques:
    * - Avec l'aide d'un programme externe, Cervisia
    ** - Needactive

    Sergey Suprunov (Amsand chez Rambler Dot Ru) - Editors HTML

    Mise à jour (20170929): Pour l'année dernière, j'ai utilisé une incroyable IDE Pinegrow (https://pinegrow.com) et je le recommande sincèrement. Bluegriffon, que j'ai mentionné ci-dessous dans ma réponse il y a quelques années, dépassé Et loin derrière la pingrow dans le développement.

    Je recommande Bluegriffon. C'est gratuit, multifonctionnel, fonctionne sur toutes les principales plates-formes et possède de nombreux bons ajouts, dont certains sont commerciaux. J'ai un plug-in (commercial) CSS, et je suis très satisfait d'eux avec eux. J'ai utilisé Kompozer avant d'avoir trouvé Bluegriffon. Je me souviens que Amaya ne pouvait pas rivaliser avec ces deux.

    Une bonne alternative est Eclipse avec un plugin WYSIWYG, tel que «JavaServer Faces (JavaServer Visages (JSF)», qui fait partie de Eclipse WebTools.

    Xian

    Malheureusement, Bluegriffon n'est pas stable: dès que je clique sur la souris dans certaines parties du panneau de commande, elle se produit avec une erreur de segmentation.

    user1908895

    Malheureusement, Blue Griffon n'est pas ouvert code source Et ce n'est pas gratuit. Oh, vous pouvez télécharger le fichier exécutable et la source est disponible. Mais il était associé à toute fonctionnalité utile. Vous devez acheter des plugins avec un code source fermé pour effectuer un programme viable. De plus, il semble qu'il a abandonné les utilisateurs d'Ubuntu 32 bits. J'ai des raisons commerciales de garder votre entreprise sur 12,04LTS aussi longtemps que nous sommes en imbécile. Enfin, le refus de Mozilla de l'API XUL signifie que ce programme, ainsi que tous les autres utilisant l'API XUL, mourront. Pas un produit pour passer votre temps. John

    Fakhim Mitha

    Je devais faire une modification rapide et sale d'une page HTML et un fichier binaire que j'ai téléchargé à partir du site BlueGriffon a fonctionné pour moi (Debian Jessie). Néanmoins, il n'est pas disponible pour Debian / Ubuntu, bien que dans



    Avez-vous aimé l'article? Partagez-le