Benötigen Sie eine Möglichkeit, HTML-Dokumente inline zu bearbeiten

Der Anwendungsfall: Manchmal muss ich lange Artikel im HTML-Format lesen. Zum Beispiel: die HTML5-Spezifikation in einer einzelnen HTML-Seite. Während ich den Artikel durcharbeite, möchte ich in der Lage sein, Teile davon selektiv zu löschen. Ich möchte dies tun, damit ich, wenn ich den Artikel später noch einmal lese, um ihn besser zu verstehen, die Teile überspringen kann, die ich nicht noch einmal lesen muss.

Idealerweise möchte ich nur die HTML-Seite in einem Browser öffnen können und über grundlegende Editor-Funktionen wie Textbearbeitung verfügen (Text auswählen, auf Löschen klicken). Es macht mir jedoch nichts aus, die HTML-Seite in ein anderes Programm kopieren zu müssen, solange dieses Programm den Artikelstil perfekt beibehält (als ich beispielsweise die HTML5-Spezifikation in Microsoft Word kopierte, wurden einige der Abschnittshervorhebungen nicht übertragen .Das ist ein Problem für mich).

Ich verwende sowohl Windows als auch Linux. Mein Hauptbrowser ist Firefox, aber ich habe alle gängigen Browser installiert.

Ich kenne solche Software nicht, aber ich würde versuchen, einige FF/Chrome-Erweiterungen zu durchsuchen, möglicherweise gibt es eine für diesen Zweck. Es gibt natürlich Dreamweaver, aber es ist teuer und ein völliger Overkill.
Sie müssen nur Teile entfernen (nicht bearbeiten oder neue hinzufügen), richtig? Und Sie wären mit Designänderungen einverstanden (je nachdem, was genau Sie entfernen, z. B. wenn Sie ein entfernen, divdas erforderlich ist, damit das CSS wie beabsichtigt funktioniert)?
@unor Ja, es reicht aus, nur Teile zu entfernen. Bearbeiten zu können wäre ein Bonus, ist aber nicht notwendig. Wenn das Entfernen eines div den Stil beeinflusst, ist das akzeptabel, aber was ich wirklich entfernen muss, sind Text, Bilder, Listen, Überschriften und so weiter. Entfernen Sie grundsätzlich den Inhalt, nicht die HTML-Metadaten.

Antworten (1)

Ich habe einen Weg gefunden, dies ohne Plugins oder zusätzliche Programme zu tun. Sie benötigen lediglich einen Browser.

Öffnen Sie das Dokument in Ihrem bevorzugten Browser und aktivieren Sie die Entwicklerkonsole. Führen Sie den folgenden Code aus:

document.designMode = "on";

Jetzt ist die gesamte HTML-Seite editierbar.