Większy niż> Mniejszy niż <w tym samym haśle javascript ... Błąd: Treść elementów musi składać się z dobrze utworzonych danych znakowych lub znacznika

Question

Ten błąd występuje, gdy próbuję wstawić < lub > operatorów w javascript thymeleaf.

Mój kod

<script th:inline="javascript"> 
    $(document).ready(function() { 
     ... 
     if(timeRemain < 0){ 
      ... 
     } 
     ... 
     var result = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds); 
     ...   
    }); 
</script> 

Komunikat o błędzie

org.xml.sax.SAXParseException: The content of elements must consist of well-formed character data or markup.

Jak mogę rozwiązać ten problem?

Answer 1

Ten problem jest rozwiązany przez dodanie CDATA do znacznika script jak poniżej

<script th:inline="javascript"> 
     /*<![CDATA[*/ 
     ... 
     ... 
     ... 
     /*]]>*/ 
    </script> 

Answer 2

Oprócz korzystania CDATA można również zakodować < as &lt; i > as >