inline Javascript in einer Seite wird umgebrochen

WPD2014

Hallo zusammen,

ich bin neu beim Thema Wordpress.
Seit mehreren Stunden versuche ich die datenschutzkonforme Umsetzung für Slideshare zu realisieren.
Schon mal im voraus vielen Dank für Eure Hilfe.

Wenn ich in Wordpress auf der entsprechenden Seite im Editor in den Textmodus wechsle und folgendes einfüge

HTML

<div id="slideshare_em..."><img id="4241......-Zyklus.jpg" alt="" /></div><script type="text/javascript">jQuery("#slideshar.....").click(function() {if(confirm("Belehrung")){jQuery("img#4....").remove();jQuery("#slideshare....").append('<iframe src="//www.slideshare.net/...."> </iframe> <div> Text </div>');}else{alert("Die SlideShare Präsentation ...");}});</script>

kommt dann nach dem Wechsel in den visuell Mode dies heraus

<div id="slideshare_em..."><img id="4241......-Zyklus.jpg" alt="" /></div>
<script type="text/javascript">[COLOR=#ff0000]// <![CDATA[ [/COLOR][COLOR=#00ff00]Umbruch[/COLOR]
jQuery("#slideshar.....").click(function() {if(confirm("Belehrung")){jQuery("img#4....").remove();jQuery("#slideshare....").append('<iframe src="//http://www.slideshare.net/...."> </iframe>
<div> Text </div>[COLOR=#00ff00]Umbruch[/COLOR]
[COLOR=#ff0000]<p>[/COLOR]');}else{alert("Die SlideShare Präsentation ...");}});[COLOR=#00ff00] Umbruch[/COLOR]
[COLOR=#ff0000]// ]]>[/COLOR]</script>

Vorher steht alles in einer Zeile und funktioniert.
Nachher sind aber Zeilenumrüche enthalten. Dadurch funktioniert das Javascript nicht mehr.
Die Änderungen sind rot makiert.
Das Einfügen des CDATA stört nicht weiter.
Allerdings wird zum Schluss das > Zeichen durch das Entitie ersetzt. Das stört dann schon.
Über das p kann ich hinwegsehen.

Ich wollte die Umsetzung von dieser Seite einbinden.
http://mizine.de/iframe_opt-in.php

Hat jemand eine Idee was ich machen kann?

Wordpress 4.01
Diverse Editoren ausprobiert.

Vielen Dank
Ralph

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

b3317133

Das mit dem [COLOR=#ff0000]]]>[/COLOR] ist ein seit 8 Jahren bekanntes Problem, mehr dazu hier, einen Workaround dafür bietet z.B. der Kommentar #72 unter dem gleichen Link.

Das mit dem Umbrüchen bekommt man weg, wenn man den JavaScript Code (ohne Umbrüche drin) über einen Shortcode ausgibt.

pixselig

Hallo

Ich würde diesen (wegen der Form von mir ein klein wenig abgeänderten) Teil direkt in die header.php schreibem:

Code

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $("#slideshar.....").click(function() {
            if(confirm("Belehrung")){
                $("img#4....").remove();
                $("#slideshare....").append('<iframe src="//www.slideshare.net/...."> </iframe> <div> Text </div>');
            }else{
                alert("Die SlideShare Präsentation ...");
            }
        });
    });
</script>

Alles anzeigen

LG, pixselig

WPD2014

Hallo b3317133 und pixselig,

vielen Dank für Eure Hinweise.
Damit konnte ich das Problem beheben.

Viele Grüße
Ralph

Willkommen! Melden Sie sich an oder registrieren Sie sich.

inline Javascript in einer Seite wird umgebrochen

Jetzt mitmachen!