Problem mit Anmeldescript von Newsletter cleverreach

Hallo,

unter Contao 4.13 haben wir festgestellt, dass unser Anmeldescript vür den Newsletter von cleverreach nicht mehr funktioniert. Und zwar wird der Quellcode teilweise verändert an dieser Stelle:

PHP-Code:

---

$cr('input[class*="cr_number"]').change(function(){
    if(isNaN($cr(this).val())){
        $cr(this).val(1)
    }
    if($cr(this).attr("min")){
        if(($cr(this).val()*1)<($cr(this).attr("min")*1)){
            $cr(this).val($cr(this).attr("min"))
        }
    }
    if($cr(this).attr("max")){
        if(($cr(this).val()*1)>($cr(this).attr("max")*1)){
            $cr(this).val($cr(this).attr("max"))
        }
    }
}); 


---

Das < Zeichen in der 6. Zeile wird im Browser übersetzt als HTML Entity &lt;

Dabei erzeugt das generierte Semikolon den Fehler im Quellcode.

Interessanterweise steht weiter unten in Zeile 11 das > Zeichen und das wird nicht in HTML-Entity übersetzt.

Ich habe versucht, alle Erweiterungen zu prüfen, ob da etwas kollidiert, ohne Ergebnis.

Nun habe ich das große Update auf Contao 5.3 vorgenommen, und derzeit nur die kompatiblen Module drin.
In der Log-Datei gibt es keine Fehler.

Aber der Code von cleverreach wird immer noch so umgewandelt.

Nun weiß ich keinen Rat mehr. Kann mir hier jemand weiter helfen?

Wie hast du das Script denn eingebunden? Poste außerdem mal einen Link wo man das Script im Frontend sieht.

Derzeit ist es als Modul "Ungefiltertes HTML" eingebunden, hatte es aber auch schon als IE.

Hier siehst du das Script im FE: https://contao5.bachakademie.de/_con...4%2F4%2FQyk%3D

Wir hatten auch scon Kontakt zum Support von cleverreach, sie meinten, der Code wäre so korrekt.

Zitat:

---

Zitat von landzone

Derzeit ist es als Modul "Ungefiltertes HTML" eingebunden, hatte es aber auch schon als IE.

---

Direkt im Modul bzw. Inhaltselement? Oder im Template?

Der Code steht direkt in einem Modul "Ungefiltertes HTML", das Modul ist als Inhaltselement eingebunden.
Sollte ich den Code mal als Template versuchen? Diesen Weg hab ich noch nicht probiert.

Versuche das mal, jap.

Meine Vermutung ist allerdings, dass im HTML minifying von Contao evt. ein Bug existiert.

Poste mal den gesamten JavaScript Code hier.

Hmm, hab den Code nun direkt in ein Template gesetzt, mit gleichem Ergebnis. s. Link oben
Was nun?

» https://community.contao.org/de/show...l=1#post595863

Zitat:

---

Zitat von Spooky

Poste mal den gesamten JavaScript Code hier.

---

Das ist der gesamte Code, inkl. HTML, hab nur die Kundennr. als xxx gesetzt im HTML:

Code:

---

<form class="layout_form cr_form cr_font">
        <div class="cr_body cr_page cr_font formbox">
                <div class="non_sortable" style="text-align:left;">
                       
                </div>
               
                <div class="editable_content" style="text-align:left;">
                <div id="xxx" class="cr_ipe_item ui-sortable musthave" style="margin-bottom:px;">
<label class="itemname">E-Mail*</label> <input id="textxxx" style="width:100%;">
</div><div id="xxx" class="cr_ipe_item ui-sortable submit_container" style="text-align:center; margin-bottom:px;">
<button class="cr_button">Anmelden</button>
</div><div id="xxx" class="cr_ipe_item ui-sortable">
<div class="mce_text"><p>Klicken Sie hier, um den Text zu bearbeiten</p></div>
</div>
        </div>
       
       
    </div>

   
</form>

<script>
        function loadjQuery(e,t){
                var n=document.createElement("script");
                n.setAttribute("src",e);
                n.onload=t;n.onreadystatechange=function(){
                        if(this.readyState=="complete"||this.readyState=="loaded")t()
                };
                document.getElementsByTagName("head")[0].appendChild(n)
        }
        function main(){
                var $cr=jQuery.noConflict();
                var old_src;
                $cr(document).ready(function(){
                        $cr(".cr_form").submit(function(){
                                $cr(this).find('.clever_form_error').removeClass('clever_form_error');
                                $cr(this).find('.clever_form_note').remove();
                                $cr(this).find(".musthave").find('input, textarea').each(function(){
                                        if(jQuery.trim($cr(this).val())==""||($cr(this).is(':checkbox'))||($cr(this).is(':radio'))){
                                                if($cr(this).is(':checkbox')||($cr(this).is(':radio'))){
                                                        if(!$cr(this).parents(".cr_ipe_item").find(":checked").is(":checked")){
                                                                $cr(this).parents(".cr_ipe_item").addClass('clever_form_error')
                                                        }
                                                }else{
                                                        $cr(this).addClass('clever_form_error')
                                                }
                                        }
                                }
                        );
                                       
                        if($cr(this).attr("action").search(document.domain)>0&&$cr(".cr_form").attr("action").search("wcs")>0){
                                                var cr_email=$cr(this).find('input[name=email]');
                                                var unsub=false;
                                                if($cr("input['name=cr_subunsubscribe'][value='false']").length){
                                                        if($cr("input['name=cr_subunsubscribe'][value='false']").is(":checked")){
                                                                unsub=true
                                                        }
                                                }if(cr_email.val()&&!unsub){
                                                        $cr.ajax({
                                                                type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_email")+window.btoa($cr(this).find('input[name=email]').val()),success:function(data){
                                                                        if(data){cr_email.addClass('clever_form_error').before("<div class='clever_form_note cr_font'>"+data+"</div>");
                                                                        return false
                                                                }
                                                        },async:false
                                                })
                                        }
                                        var cr_captcha=$cr(this).find('input[name=captcha]');
                                        if(cr_captcha.val()){
                                                $cr.ajax({
                                                        type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_captcha")+$cr(this).find('input[name=captcha]').val(),success:function(data){
                                                                if(data){
                                                                        cr_captcha.addClass('clever_form_error').after("<div style='display:block' class='clever_form_note cr_font'>"+data+"</div>");
                                                                        return false
                                                                }
                                                        },async:false
                                                })
                                        }
                                }
                                if($cr(this).find('.clever_form_error').length){
                                        return false
                                }
                                return true
                        });
                        $cr('input[class*="cr_number"]').change(function(){
                                if(isNaN($cr(this).val())){
                                        $cr(this).val(1)
                                }
                                if($cr(this).attr("min")){
                                        if(($cr(this).val()*1)<($cr(this).attr("min")*1)){
                                                $cr(this).val($cr(this).attr("min"))
                                        }
                                }
                                if($cr(this).attr("max")){
                                        if(($cr(this).val()*1)>($cr(this).attr("max")*1)){
                                                $cr(this).val($cr(this).attr("max"))
                                        }
                                }
                        });
                        old_src=$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src");
                        if($cr("div[rel='captcha'] img:not(.captcha2_reload)").length!=0){captcha_reload()

                        }
                });
                function captcha_reload(){
                        var timestamp=new Date().getTime();
                        $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src","");
                        $cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src",old_src+"?t="+timestamp);
                        return false

                }
       
        }
        if(typeof jQuery==="undefined"){loadjQuery("//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js",main)}else{main()}
       
        </script>

---

Also ich kann das Problem (in Contao 5.3) nicht nachstellen. Ich habe den von dir geposteten HTML + JavaScript Code in einem "Ungfiltertes HTML" Inhaltselement und auch als Template in einem "Template" Inhaltselement eingefügt - und in beiden Fällen wird im Frontend im prod bei aktivem minifying der JavaScript Code nicht so verändert ausgeben, wie bei dir.

Das bedeutet, es müsste doch eine andere Extension die Ursache sein?
Gibt es eine Möglichkeit, das zu testen, ohne die Extension wirklich zu deinstallieren? Dann gehen ja im Zweifelsfall auch Daten verloren.

Zitat:

---

Zitat von landzone

Das ist der gesamte Code, inkl. HTML, hab nur die Kundennr. als xxx gesetzt im HTML:

---

Ist das wirklich der selbe Code, den du im von dir geposteten Link einsetzt? Weil dort sieht die Ausgabe gänzlich anders aus. Dort ist bspw. das JavaScript vor dem Formular, nicht danach.

Zitat:

---

Zitat von landzone

Dann gehen ja im Zweifelsfall auch Daten verloren.

---

Da gehen keine Daten verloren. Es sei denn du lässt absichtlich Daten aus der Datenbank löschen.

Btw. hast du dir unabhängig von deinem Problem als Alternative schon mal diese Extension angesehen?

Ich setz ihn nochmal direkt aus dem Modul, hatte ihn vorher etwas formatiert, damit er besser lesbar ist:

Code:

---

<div class="sidebar box block">
        <h3>Newsletter</h3>

        <div class="newsletter_describe">{{ifnlng::de}}Would you like to subscribe to our newsletter?{{ifnlng}}{{iflng::de}}Sie möchten unseren Newsletter abonnieren?{{iflng}}</div>

<!-- Anmeldung cr Anfang -->
<script>
function loadjQuery(e,t){var n=document.createElement("script");n.setAttribute("src",e);n.onload=t;n.onreadystatechange=function(){if(this.readyState=="complete"||this.readyState=="loaded")t()};document.getElementsByTagName("head")[0].appendChild(n)}function main(){
var $cr=jQuery.noConflict();var old_src;$cr(document).ready(function(){$cr(".cr_form").submit(function(){$cr(this).find('.clever_form_error').removeClass('clever_form_error');$cr(this).find('.clever_form_note').remove();$cr(this).find(".musthave").find('input, textarea').each(function(){if(jQuery.trim($cr(this).val())==""||($cr(this).is(':checkbox'))||($cr(this).is(':radio'))){if($cr(this).is(':checkbox')||($cr(this).is(':radio'))){if(!$cr(this).parents(".cr_ipe_item").find(":checked").is(":checked")){$cr(this).parents(".cr_ipe_item").addClass('clever_form_error')}}else{$cr(this).addClass('clever_form_error')}}});if($cr(this).attr("action").search(document.domain)>0&&$cr(".cr_form").attr("action").search("wcs")>0){var cr_email=$cr(this).find('input[name=email]');var unsub=false;if($cr("input['name=cr_subunsubscribe'][value='false']").length){if($cr("input['name=cr_subunsubscribe'][value='false']").is(":checked")){unsub=true}}if(cr_email.val()&&!unsub){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_email")+window.btoa($cr(this).find('input[name=email]').val()),success:function(data){if(data){cr_email.addClass('clever_form_error').before("<div class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}var cr_captcha=$cr(this).find('input[name=captcha]');if(cr_captcha.val()){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_captcha")+$cr(this).find('input[name=captcha]').val(),success:function(data){if(data){cr_captcha.addClass('clever_form_error').after("<div style='display:block' class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}}if($cr(this).find('.clever_form_error').length){return false}return true});$cr('input[class*="cr_number"]').change(function(){if(isNaN($cr(this).val())){$cr(this).val(1)}if($cr(this).attr("min")){if(($cr(this).val()*1)&lt;($cr(this).attr("min")*1)){$cr(this).val($cr(this).attr("min"))}}if($cr(this).attr("max")){if(($cr(this).val()*1)>($cr(this).attr("max")*1)){$cr(this).val($cr(this).attr("max"))}}});old_src=$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src");if($cr("div[rel='captcha'] img:not(.captcha2_reload)").length!=0){captcha_reload()}});function captcha_reload(){var timestamp=new Date().getTime();$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src","");$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src",old_src+"?t="+timestamp);return false}

}
if(typeof jQuery==="undefined"){loadjQuery("//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js",main)}else{main()}

</script>


<style>
.cr_site{margin:0;padding:0;text-align:center;background-color:#eeeeee;}
.cr_font{font-size: 14px;font-family: UnitPro-Light,sans-serif;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;position:relative;}
.cr_button{display:inline-block;font-family:UnitPro-Light,sans-serif;width:100%;white-space:nowrap;height:32px;margin:5px 2px 0 2px;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:2px;-webkit-border-radius:2px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.formbox{line-height:150%;font-family:UnitPro-Light,sans-serif;font-size:12px;color:#333333;background-color:#ffffff;}
.cr_ipe_item label{line-height:25px;font-size:16px;color: #221D1E;}
.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: UnitPro-Light,sans-serif;font-size: 16px;}
.cr_ipe_item input {background: none repeat scroll 0 0 #ffffff;border: 1px solid #dbdbdb;padding: 5px 9px;font-family: UnitPro-Light,sans-serif;font-size: 16px;}
.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.cr_ipe_item{ padding:1px 1px; margin:1px 1px; }
.cr_ipe_item.inactive {display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint{color:#000;}
.submit_container { margin: 12px 0;}

</style>


<style id="style">
.cr_site {background-color:#ffffff;}
.cr_body {color:#000000;background-color:#ffffff;}
.cr_header {color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint {color:#000000;}
/*.cr_page {width:220px;}*/
.ce_sidebarbox div.cr_page, .ce_sidebarbox div.editable_content {padding:0;margin:0;}
.cr_button {display:inline;width: auto;}


</style>


<form class="layout_form cr_form cr_font">
        <div class="cr_body cr_page cr_font formbox">
                               
                <div class="editable_content" style="text-align:left;">
                <div id="xxx" class="cr_ipe_item ui-sortable musthave" style="margin-bottom:px;">
<label class="itemname">E-Mail*</label> <input id="textxxx" style="width:auto;">
</div><div id="xxx" class="cr_ipe_item ui-sortable submit_container">
<button class="is-secondary submit cr_button">Anmelden</button>
</div>
        </div>
       
        <noscript><a href="http://www.cleverreach.de">www.CleverReach.de</a></noscript>
</div>

</form>

<!-- Anmeldung cr Ende -->

</div>

---

Da steht aber schon &lt; drin. Ist das nun wirklich der Original Quellcode, den du eingegeben hast? Wenn ja hast du dort ja schon den Fehler drin.

Das gibts doch nicht, du hast Recht. Vielleicht bin ich durch das viele Testen inzwischen total durcheinander gekommen, sorry.
Ich schau alles nochmal in Ruhe an.

Danke auch für den Tipp mit der Erweiterung für die API, die kannte ich noch nicht.

Ich möchte das Thema noch abschliessen:
Unter Contao 5.3 funktioniert das Anmeldescript fehlerfrei, das Update von Contao 4 hat hier also geholfen.

@Spooky, sorry nochmal für das durcheinanderbringen des Codes...

Ich gehe allerdings davon aus, dass es auch unter Contao 4.13 funktionieren sollte ;)

@Spooky
Da die Version 4.13 noch live ist, können wir gern nochmal schauen ;-), hier der Vorschaulink:
https://www.bachakademie.de/_contao/...RQo%2BZBcpw%3D


Hier der eingebundene Code als Inhaltslement HTML:

Code:

---

<!-- Anmeldung cr Anfang -->
<script>
function loadjQuery(e,t){var n=document.createElement("script");n.setAttribute("src",e);n.onload=t;n.onreadystatechange=function(){if(this.readyState=="complete"||this.readyState=="loaded")t()};document.getElementsByTagName("head")[0].appendChild(n)}function main(){
var $cr=jQuery.noConflict();var old_src;$cr(document).ready(function(){$cr(".cr_form").submit(function(){$cr(this).find('.clever_form_error').removeClass('clever_form_error');$cr(this).find('.clever_form_note').remove();$cr(this).find(".musthave").find('input, textarea').each(function(){if(jQuery.trim($cr(this).val())==""||($cr(this).is(':checkbox'))||($cr(this).is(':radio'))){if($cr(this).is(':checkbox')||($cr(this).is(':radio'))){if(!$cr(this).parents(".cr_ipe_item").find(":checked").is(":checked")){$cr(this).parents(".cr_ipe_item").addClass('clever_form_error')}}else{$cr(this).addClass('clever_form_error')}}});if($cr(this).attr("action").search(document.domain)>0&&$cr(".cr_form").attr("action").search("wcs")>0){var cr_email=$cr(this).find('input[name=email]');var unsub=false;if($cr("input['name=cr_subunsubscribe'][value='false']").length){if($cr("input['name=cr_subunsubscribe'][value='false']").is(":checked")){unsub=true}}if(cr_email.val()&&!unsub){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_email")+window.btoa($cr(this).find('input[name=email]').val()),success:function(data){if(data){cr_email.addClass('clever_form_error').before("<div class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}var cr_captcha=$cr(this).find('input[name=captcha]');if(cr_captcha.val()){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_captcha")+$cr(this).find('input[name=captcha]').val(),success:function(data){if(data){cr_captcha.addClass('clever_form_error').after("<div style='display:block' class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}}if($cr(this).find('.clever_form_error').length){return false}return true});$cr('input[class*="cr_number"]').change(function(){if(isNaN($cr(this).val())){$cr(this).val(1)}if($cr(this).attr("min")){if(($cr(this).val()*1)<($cr(this).attr("min")*1)){$cr(this).val($cr(this).attr("min"))}}if($cr(this).attr("max")){if(($cr(this).val()*1)>($cr(this).attr("max")*1)){$cr(this).val($cr(this).attr("max"))}}});old_src=$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src");if($cr("div[rel='captcha'] img:not(.captcha2_reload)").length!=0){captcha_reload()}});function captcha_reload(){var timestamp=new Date().getTime();$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src","");$cr("div[rel='captcha'] img:not(.captcha2_reload)").attr("src",old_src+"?t="+timestamp);return false}

}
if(typeof jQuery==="undefined"){loadjQuery("//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js",main)}else{main()}

</script>


<style>
.cr_site{margin:0;padding:0;text-align:center;background-color:#eeeeee;}
.cr_font{font-size: 14px;font-family: UnitPro-Light,sans-serif;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;position:relative;}
.cr_button{display:inline-block;font-family:UnitPro-Light,sans-serif;width:100%;white-space:nowrap;height:32px;margin:5px 2px 0 2px;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:2px;-webkit-border-radius:2px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.formbox{line-height:150%;font-family:UnitPro-Light,sans-serif;font-size:12px;color:#333333;background-color:#ffffff;}
.cr_ipe_item label{line-height:25px;font-size:16px;color: #221D1E;}
.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: UnitPro-Light,sans-serif;font-size: 16px;}
.cr_ipe_item input {background: none repeat scroll 0 0 #ffffff;border: 1px solid #dbdbdb;padding: 5px 9px;font-family: UnitPro-Light,sans-serif;font-size: 16px;}
.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.cr_ipe_item{ padding:1px 1px; margin:1px 1px; }
.cr_ipe_item.inactive {display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint{color:#000;}
.submit_container { margin: 12px 0;}

</style>


<style id="style">
.cr_site {background-color:#ffffff;}
.cr_body {color:#000000;background-color:#ffffff;}
.cr_header {color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint {color:#000000;}
/*.cr_page {width:220px;}*/
.ce_sidebarbox div.cr_page, .ce_sidebarbox div.editable_content {padding:0;margin:0;}
.cr_button {display:inline;width: auto;}


</style>


<form class="layout_form cr_form cr_font">
        <div class="cr_body cr_page cr_font formbox">
                               
                <div class="editable_content" style="text-align:left;">
                <div id="4350876" class="cr_ipe_item ui-sortable musthave" style="margin-bottom:px;">
<label class="itemname">E-Mail*</label> <input id="xxx" style="width:auto;">
</div><div id="xxx" class="cr_ipe_item ui-sortable submit_container">
<button class="is-secondary submit cr_button">Anmelden</button>
</div>
        </div>
       
        <noscript><a href="http://www.cleverreach.de">www.CleverReach.de</a></noscript>
</div>

</form>

<!-- Anmeldung cr Ende -->

---

Wenn du den generierten Code im Browser anschaust, siehst du beim < Zeichen das &lt;

Ja doch, mit diesem Code konnte ich das bestätigen.