HTML Code säubern

[internet]

Hallo,

ich versuche gerade einen JavaScript Code zu bauen anhand einem String.
Das Script gebe ich dann auf meiner Seite aus.
Das klappt auch alles so weit.

Nun habe ich aber ein Feld, welches HTML Code enthält. Hier scheint mir, dass der Code nicht ganz sauber ist oder eben Zeichen enhält, die nicht korrekt sind.
Ich bekomme diese Meldung in der Webkonsole:


Hier mein kleines Code Snippet für den JS Code, welches mir eben ein String generiert

    private String createStep(MyObject myObject) {

        StringBuilder s = new StringBuilder();

        s.append("{"
                + "    element:     document.getElementById('" + myObject.getComponent()
                + "'),"
                + "    title:         '" + myObject.getHeadline() + "',"
                + "    intro:         '" + myObject.getText() + "' ,"
                + "    position:     '" + myObject.getPosition() + "'"
                + "}");

        return s.toString();

    }

Das Problem ist bei getText() -> welches HTML enthält.

Lange Rede kurzer Sinn:
Wie kann ich den Code bereinigen? Ich glaube die doppelten Anführungszeichen könnten das Problem sein:

Hier der HTML Code:

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Vielen Dank

 

[Oneixee5]

In etwas so:

function escapeHTML(s) {
    return s.replace(/&/g, '&')
            .replace(/"/g, '"')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
}

console.log(escapeHTML('<h1 style="color:blue;">This is a heading</h1>'))

 

[internet]

Danke, aber kann ich das nicht direkt im Java Code machen anstatt dann in JavaScript?

 

[internet]

Ok, gelöst:

private String createStep(MyObject myObject) {

        StringBuilder s = new StringBuilder();
        
        String escapeHtml = StringEscapeUtils.escapeJava(productTourStepLanguage.getText());
        escapeHtml = escapeHtml.trim();
        
        s.append("{"
                + "    element:     document.getElementById('" + myObject.getComponent()
                + "'),"
                + "    title:         '" + myObject.getHeadline() + "',"
                + "    intro:         '" + escapeHtml + "',"
                + "    position:     '" + myObject.getPosition() + "'"
                + "}");

        return s.toString();

    }

 

[kneitzel]

Danke, aber kann ich das nicht direkt im Java Code machen anstatt dann in JavaScript?

Ja, das geht auch in Java. Das ist ja ein HTML Encoding und das bieten einige Libraries wie z.B. StringEscapeUtils von Apache Commons Lang.

Oder wenn es um so einfache Dinge geht dann rufst Du auch einfach die Methode String.replace mehrfach auf.