HTML-Editor mit jQuery/Selector-ähnlichen Operationen?

Gibt es HTML-Editoren, die jQuery-ähnliche Selektoren unterstützen?

Ein solcher Editor würde es Ihnen ermöglichen, alle Tags mit einer bestimmten ID oder Klasse zu ändern oder zu löschen.

Es wäre einfacher für HTML zu verwenden als reguläre Ausdrücke.

Antworten (1)

Es ist nicht wirklich als Editor gedacht, aber Ihr Webbrowser kann diese Aufgabe wahrscheinlich gut erledigen. Die meisten Webbrowser ermöglichen Ihnen den Zugriff auf die JS-Konsole, sodass Sie dort einfach Ihre HTML-Bearbeitung vornehmen können:

Ich werde Chrome als Beispiel verwenden.

Angenommen, Sie haben Ihre Datei ( index.html):

<!DOCTYPE HTML>
<html>
<head>
    ...
</head>
<body>
    <div class="header">HEADER</div>
    <p>Networking whiteboard authentic functionalities synergies cross-platform sticky global back-end robust, deliverables tag dynamic methodologies e-markets markets: widgets Cluetrain niches podcasts. Standards-compliant; deliverables embrace end-to-end channels cutting-edge reinvent engineer B2B paradigms tag synthesize life-hacks methodologies dynamic.
    </p>
    <script src='http://code.jquery.com/jquery-2.1.3.min.js'></script>
</body>
</html>

Fügen Sie jQuery in Ihre HTML-Datei ein und öffnen Sie sie in Ihrem Webbrowser. Klicken Sie in Chrome mit der rechten Maustaste und öffnen Sie Element prüfen (Strg-Umschalt-I). Die Registerkarte Konsole öffnet die JS-Konsole und ermöglicht Ihnen die Ausführung von jQuery-Befehlen:

Geben Sie hier die Bildbeschreibung ein

Zu den weiteren Funktionen dieses " Editors " gehört das Hervorheben von Elementen

Geben Sie hier die Bildbeschreibung ein

und dass Ihre HTML/CSS-Bearbeitungen sofort gerendert werden und genau so aussehen, wie Sie es in Ihrem Webbrowser sehen werden

Geben Sie hier die Bildbeschreibung ein

HTML-Editor mit jQuery/Selector-ähnlichen Operationen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v