html in Javascript konvertieren

8

Weiß jemand, ob es ein Tool gibt, das HTML in Javascript konvertieren kann.

Zum Beispiel:

%Vor%

würde in

umgewandelt werden %Vor%

usw.

Ich mache ein paar HTML-Templates für UI-Komponenten und verwende MooShell für das Prototyping. Es wäre großartig, das Javascript automatisch generieren zu können, das den HTML-Code der Komponente erstellt.

Danke

    
grookle 19.08.2010, 09:10
quelle

5 Antworten

2

Ich würde vorschlagen, einen Blick auf John Resigs reinen JavaScript-HTML-Parser zu werfen. Es besteht aus einem SAX-Stil-Parser für HTML und enthält einen XML-Serializer, einen DOM-Builder und einen DOM-Ersteller. Jeder nimmt eine Kette von HTML als Eingabe.

Insbesondere könnte die HTMLtoDOM-Methode einfach wieder verwendet werden, um die JavaScript-Zeichenfolge zurückzugeben, die zum Erstellen des DOM für eine beliebige HTML-Eingabefolge erforderlich ist.

    
donalmacanri 19.08.2010 10:40
quelle
0

Wenn es kein solches Werkzeug gäbe (was meiner Meinung nach der Fall ist), würde ich dieses Problem auf die gleiche Weise lösen: Baue meinen eigenen Parser.

    
Khoi 19.08.2010 09:22
quelle
0

Ich sehe, andere Leute haben Ihnen viele Tipps gegeben, wie Sie dies tun können, aber meine zwei Cent auf eine Sache zu beachten.

Wenn Sie mithilfe von clientseitigem JavaScript Elemente in das DOM einfügen / entfernen / ändern, werden Sie feststellen, dass Sie mit einem Framework wie jQuery die DOM-Elemente, die Sie hinzugefügt haben, nicht aufrufen und bearbeiten können die Fliege.

Dies ist am besten mit dem jQuery Live-Plugin nachschlagen.

    
George 19.08.2010 10:29
quelle
0

Das PrototypeJS -Framework verfügt über eine insert () -Methode, mit der HTML-Code analysiert werden kann Mach etwas wie:

%Vor%

Oder Sie definieren einen Container für Ihren Inhalt:

%Vor%     
Christian 19.08.2010 10:38
quelle
-2

Ich bin mir Ihrer Situation nicht sicher, aber wenn Sie Komponenten in HTML haben, sollten sie Ereignisse, IDs und Bindungen haben ... Also ich glaube nicht, dass es ein menschenähnliches Genie-Skript gibt, das diesen Code generieren kann. Hinzu kommt, dass Ihr Problem sehr spezifisch ist. Es kann irgendwo in irgendeinem IT-Unternehmen sein, aber es ist nicht etwas, das Webentwickler täglich wie jQuery verwenden.

    
Omar Abid 19.08.2010 09:34
quelle

Tags und Links