[[Vorlage(Getestet, bionic,focal, jammy)]] {{{#!vorlage Wissen [:Paketinstallation_DEB: Ein einzelnes Paket installieren] [:Programme_starten:] }}} [[Inhaltsverzeichnis(2)]] [[Bild(./bluegriffon_logo.png, 64, align=left)]] Der HTML-Editor [http://bluegriffon.org/ BlueGriffon] {en} blickt auf eine lange Geschichte zurück: als Nachfolger des Mozilla Composer geplant, zwischenzeitlich durch Nvu obsolet geworden, der wiederum durch das seit 2011 auch nicht mehr weiter entwickelte KompoZer abgelöst wurde, ist im Mai 2011 die Version 1.0 veröffentlicht worden. Mit der Version 2.0 wurde das Lizenzmodell geändert: während ältere Versionen über den freiwilligen Kauf von Erweiterungen finanziert wurden, wird mittlerweile zwischen einer kostenlosen Basisversion und kommerziellen Versionen unterschieden (siehe auch [http://bluegriffon.org/#whatsinside What's Inside] {en}). Das Programm bietet wie KompoZer ein schnelles Umschalten zwischen Code- und Webansicht, was gerade von Einsteigern sehr geschätzt wird. Die integrierte Vorschau basiert auf Gecko, der Rendering-Engine, die in Firefox zum Einsatz kommt. Auf Wunsch kann zusätzlich ein externer Webbrowser eingebunden werden. BlueGriffon kann neben Linux auch unter Windows und Mac OS X genutzt werden. Unterstützt werden die Standards [wikipedia:Hypertext_Markup_Language:HTML 4.01], [wikipedia:Extensible_Hypertext_Markup_Language:XHTML] und [wikipedia:HTML5:]. Eher an Fortgeschrittene richten sich die folgenden Funktionen: * [wikipedia:Document_Object_Model:DOM]-Explorer * JavaScript-Konsole * Unterstützung für CSS Level 3 und [wikipedia:Accessible Rich Internet Applications:WAI-ARIA] * Editor zum Erstellen von [wikipedia:Scalable_Vector_Graphics:SVG]-Grafiken = Installation = [[Bild(Wiki/Icons/synaptic.png, 48, align=right)]] Das Programm ist nicht in den offiziellen Paketquellen enthalten. Man muss daher auf Fremdpakete ausweichen. Über die [http://bluegriffon.org/#download Projekt-Downloadseite] {en} das Paket [http://bluegriffon.org/freshmeat/3.1/bluegriffon-3.1.Ubuntu18.04-x86_64.deb bluegriffon-3.1.Ubuntu18.04-x86_64.deb] {dl} herunterladen, das über [:Ubuntu Software:] beim Herunterladen automatisch installiert werden kann. Alternativ kann dies im Terminal wie folgt bewerkstelligt werden: {{{#!vorlage Befehl cd /tmp/ wget http://bluegriffon.org/freshmeat/3.1/bluegriffon-3.1.Ubuntu18.04-x86_64.deb sudo apt install ./bluegriffon-3.1.Ubuntu18.04-x86_64.deb }}} [[Vorlage(Fremd, Paket, "")]] = Verwendung = Gestartet wird die Anwendung bei Ubuntu-Varianten mit einem Anwendungsmenü über ''"Entwicklung -> BlueGriffon"'' [2]. Wer kein HTML beherrscht, wird mit einem HTML-Editor nichts anfangen können. Der Artikel [:Webentwicklung:] hilft dann weiter, die Zusammenhänge zu verstehen. Wer dagegen zumindest Grundkenntnisse besitzt, wird die zahlreichen gebotenen Möglichkeiten auch ohne langwierige Beschreibung nutzen können. Aus diesem Grund fällt dieser Abschnitt sehr kurz aus. [[Bild(./bluegriffon_sourceview.png, 225, align=right)]] Definitiv praktisch ist die integrierte Vorschau bzw. der schnelle Wechsel zwischen dem Quellcode und dem Ergebnis für den späteren Betrachter. So können an HTML und CSS ernsthaft Interessierte ausprobieren, wie sich bestimmte Konstrukte optisch auswirken. Allerdings sollte man nicht vergessen, das Ergebnis immer auch mit anderen Browsern zu überprüfen. Obwohl Webseiten mit dem Vermerk ''"optimiert für..."'' glücklicherweise fast ausgestorben sind, gibt es in der Praxis hin und wieder doch kleinere Unterschiede, was die Unterstützung von HTML und CSS in den verschiedenen [:Internetanwendungen:Webbrowsern] angeht. Zuletzt benutzte Dateien werden beim Programmstart automatisch wiederhergestellt (lässt sich in der Konfiguration abschalten). Nützlich ist auch ''"Datei -> Neu Assistent"'', der in wenigen Schritten eine valide HTML-Basisdatei erstellt. Eine Druckfunktion ist vorhanden. Der früher übliche Umweg über das Öffnen des Entwurfs in einem externen Browser entfällt damit. Wer die Schriftgröße im Quelltextfenster ändern möchte, findet dazu rechts unten zwei kleine Schaltflächen (vor der Prozentangabe; siehe Abbildung). [[Bild(Wiki/Icons/settings.png, 48, align=right)]] == Konfiguration == Die Programmeinstellungen sind unter ''"Extras -> Einstellungen"'' zu finden und in verschiedene Reiter (Tabs) gegliedert. Wer Programme hasst, die "nach Hause telefonieren", schaltet die integrierte automatische Update-Prüfung ab. Die Konfiguration wird im versteckten Ordner '''~/.disruptive innovations sarl''' im [:Homeverzeichnis:] gespeichert. == Deutsche Rechtschreibprüfung == BlueGriffon bietet ein deutschsprachiges Wörterbuch für die Rechtschreibprüfung an. Neben Deutsch wird dies noch in 12 weiteren Sprachen angeboten. Für die Installation auf der [http://bluegriffon.org/freshmeat/2.0/dictionaries Wörterbücher-Download-Seite] {en} das Paket [http://bluegriffon.org/freshmeat/2.0/dictionaries/de.dict.xpi de.dict.xpi] {dl} herunterladen. Anschließend unter ''"Extras → Addons"'' auf ''"Add-on aus Datei installieren"'' (Zahnrad-Symbol) klicken und die zuvor heruntergeladenen Datei öffnen und die Installation bestätigen. Nach dem Neustart von BlueGriffon steht die deutsche Rechtschreibprüfung innerhalb eines geöffneten Dokuments unter ''"Bearbeiten → Rechtschreibprüfung → Sprache"'' zur Verfügung. = Problembehebung = == Fehlerhaftes Schriftbild == Leider ist die Schriftdarstellung zunächst etwas fehlerhaft. Um das zu korrigieren, ''"Extras -> Einstellungen -> Erweitert -> Konfigurationswerkzeug"'' öffnen und die anschließende Warnung bestätigen. Nun nach '''azure''' suchen und die beiden gefundenen Konfigurationsparameter '''gfx.canvas.azure.backends''' und '''gfx.content.azure.backends''' von '''skia''' nach '''cairo''' ändern. = Links = * [http://bluegriffon.org/ Homepage] {en} * [http://bluegriffon.org/#manual User's Manual] {en} - kommerzielle Dokumentation * [http://webapps.me.uk/bluegriffon/bgres/bgdemo1.html Free Unofficial Companion to BlueGriffon] {en} - Einsatz von HTML, CSS, JavaScript, SVG und MathML * [:Webeditoren:] {Übersicht} Programmübersicht * [:Webentwicklung:] {Übersicht} Übersichtsartikel #tag: Editor, Programmierung, Internet, eBook, unfreie Software