# Javascripte in WYSIWYG-Editor (TinyMCE)?

**URL:** <https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638>\
**Category:** Allgemein\
**Created:** [29. Juli 2016 um 15:51 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638 "2016-07-29T15:51:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TomBOX](https://avatars.discourse-cdn.com/v4/letter/t/f19dbf/32.png) [@TomBOX](https://forum.shopware.com/u/TomBOX)\
**Post date:** [29. Juli 2016 um 15:51 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/1 "2016-07-29T15:51:54Z")

</div>

Hallo,

ich möchte einige Grafiken mit Mouseover-Effekten versehen. Hierzu habe ich folgenden Code im WYSIWYG-Editor eingegeben:

Nun funktioniert das aber nicht - der Mouseover-Effekt im Frontend bleibt aus. Also wird das vielleicht im Editor gefiltert… oder ich hab was falsch gemacht.

Habt ihr eine Idee? 😉

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [29. Juli 2016 um 15:58 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/2 "2016-07-29T15:58:36Z")

</div>

> [@TomBOX schrieb:](https://forum.shopware.com/profile/4009/TomBOX "TomBOX")
> 
> Hallo,
> 
> ich möchte einige Grafiken mit Mouseover-Effekten versehen. Hierzu habe ich folgenden Code im WYSIWYG-Editor eingegeben:
> 
> [https://www.domain.de/media/image/f8/f8/87/icon-grau.png](https://www.domain.de/media/image/f8/f8/87/icon-grau.png)"; data-src=„media/image/icon-grau.png“ /\>
> 
> Nun funktioniert das aber nicht - der Mouseover-Effekt im Frontend bleibt aus. Also wird das vielleicht im Editor gefiltert… oder ich hab was falsch gemacht.
> 
> Habt ihr eine Idee? ![;)](https://dub1.discourse-cdn.com/flex013/resources/emoji/wink.png ";)")

Hallo,

im Code ist aber auch etwas falsch (ein paar ’ fehlen), der müsste eher so aussehen:

Wobei es immer sein kann, dass der TinyMCE auch JavaScript herausfiltert - wobei ich das in diesem Fall nicht glaube.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![TomBOX](https://avatars.discourse-cdn.com/v4/letter/t/f19dbf/32.png) [@TomBOX](https://forum.shopware.com/u/TomBOX)\
**Post date:** [29. Juli 2016 um 20:08 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/3 "2016-07-29T20:08:24Z")

</div>

Also die zwei fehlenden ’ habe ich gefunden und nachgefügt. Klappt leider dennoch nicht. Das Kuriose aber: Wenn ich die Site lade, sehe ich die Ausgangsgrafik normal, zeige ich mit der Maus darauf, verschwindet sie auf nimmer Wiedersehen. Sie erscheint auch nicht wieder wenn der Mauszeiger wieder weg ist. Komisch…

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [30. Juli 2016 um 09:13 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/4 "2016-07-30T09:13:27Z")

</div>

> [@TomBOX schrieb:](https://forum.shopware.com/profile/4009/TomBOX "TomBOX")
> 
> Also die zwei fehlenden ’ habe ich gefunden und nachgefügt. Klappt leider dennoch nicht. Das Kuriose aber: Wenn ich die Site lade, sehe ich die Ausgangsgrafik normal, zeige ich mit der Maus darauf, verschwindet sie auf nimmer Wiedersehen. Sie erscheint auch nicht wieder wenn der Mauszeiger wieder weg ist. Komisch…

Hallo,

wird denn jetzt aber das JavaScript so mit übergeben? Sonst wäre nämlich da einfach noch ein Fehler beispielsweise in der Link-Angabe. Alternativ kann man dies ja auch über das Code-Element direkt per jQuery / JavaScript machen, ohne dass direkt beim Bild zu machen. Beispielsweise indem man dem Bild eine Klasse vergibt und einige data-Attribute und dann per jQuery das ganze steuert.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![bioweg](https://avatars.discourse-cdn.com/v4/letter/b/9de053/32.png) [@bioweg](https://forum.shopware.com/u/bioweg)\
**Post date:** [30. Juli 2016 um 09:42 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/5 "2016-07-30T09:42:54Z")

</div>

Hallo,

Alternativ lässt sich der Code eventuell in das entsprechende Datenbankfeld direkt hinterlegen. (per phpmyadmin z.B.)

Gruß

&nbsp;

---

<div class="post-metadata">

**Author:** ![TimmeHosting](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/timmehosting/32/15580_2.png) [@TimmeHosting](https://forum.shopware.com/u/TimmeHosting)\
**Post date:** [30. Juli 2016 um 16:38 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/6 "2016-07-30T16:38:26Z")

</div>

Ich würde testhalber mal mit absoluten Pfaden arbeiten, also alle Pfade zu Bildern mit einem / beginnen:

```
 ![](https://www.domain.de/media/image/f8/f8/87/icon-grau.png)

```

Außerdem würde ich mal in den HTML-Quelltext schauen, ob der Code genau so ausgegeben wird, wie Du ihn in TinyMCE eingegeben hast.

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/385eaa628505df573ebf33722f780335f53ac1b2.png)

Timme Hosting - schnelles nginx-Hosting

[www.timmehosting.de](https://timmehosting.de/)

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [30. Juli 2016 um 21:04 UTC](https://forum.shopware.com/t/javascripte-in-wysiwyg-editor-tinymce/38638/7 "2016-07-30T21:04:07Z")

</div>

Und in die Browser-Console schauen (Inspector, Firebug) ob es eine JS-Exception gibt.
