Widget (Flash) einer Musikseite in Artikel einbinden

[blogster]

Hallo!

Ich habe versucht, ein Widget einer Musikseite einzubinden:

Code: Select all

<object width="250" height="400">
<param name="movie" value="http://listen.grooveshark.com/widget.swf" />
<param name="wmode" value="window" />
<param name="allowScriptAccess" value="always" />
<param name="flashvars" value="hostname=cowbell.grooveshark.com&songIDs=29584687&style=metal&p=0" />
<embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="250" height="400"
flashvars="hostname=cowbell.grooveshark.com&songIDs=29584687&style=metal&p=0" allowScriptAccess="always" wmode="window" />
</object>


Lifetype verändert diesen Code nach dem einfügen völlig, sodass er nicht mehr funktioniert.

Kann ich das unterbinden?

[martinh]

Es müßte am embed-Tag liegen, den der TinyMCE-Editor beim Abspeichern entfernt. In der Datei

~/[blogroot]/js/tinymce/tiny_mce-plog.js

eine Ausnahmeregel für den embed-Tag beim Punkt valid_elements

+"embed[class|width|height|wmode|pluginspace|type|sr|bgcolor|flashvars|name|id"
+"|title],"

einfügen. Dann müßte es funktionieren. [blogroot] ist Dein Verzeichnis, wo LifeType installiert ist.

[blogster]

Hilft nicht.

Code sieht nach dem einfügen so aus:

Code: Select all

<object height="400" width="250">
   <param name="movie" value="http://listen.grooveshark.com/widget.swf">
   </param>
   <param name="wmode" value="window">
   </param>
   <param name="allowScriptAccess" value="always">
   </param>
   <param name="flashvars" value="hostname=cowbell.grooveshark.com&amp;songIDs=29584687&amp;style=metal&amp;p=0">
   </param>
</object>


[martinh]

Hm, TinyMCE baut den Code aber ganz schön um. Welche LT-Version ist das? Hast Du den aggressiven xhtml-Mode im Admin aktiviert?

[blogster]

LT Version 1.2.10_r6971

Du meinst xhtml_converter_aggresive_mode_enabled?

Ist aus, hab ich noch nie benutzt.

[martinh]

In der neuesten LT-Version ist die neueste Version von TinyMCE. Ich hatte auch ein Problem entdeckt, was sich nicht so einfach lösen läßt. Das scheint alles noch nicht richtig zu funktionieren. Hast Du es mal ausprobiert den WYSIWYG-Editor auszuschalten und nur mit dem Quelltext Editor zu arbeiten? Zur Not ginge das auch.

[martinh]

Ich habe mich vertan. Die aktuelleste Version ist 1.2.11 und nicht 1.2.10. Mit der alten Version müßte das deshalb klappen. Ist der Code zum Editieren der tiny_mce-plog.js vielleicht fehlerhaft mit einem Leerzeichen, Zeilenumbruch oder ähnliches eingefügt worden? Hast Du Zugriff zu den Logfiles? Gibt es da vielleicht eine Fehlermeldung?

[blogster]

Der Code der letzten Zeilen in tiny_mce-plog.js sieht so aus:

Code: Select all

 
   +"ul[class|compact<compact|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown"
     +"|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover"
     +"|onmouseup|style|title|type],"
   +"var[class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress"
     +"|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style"
     +"|title]"
      +"embed[class|width|height|wmode|pluginspace|type|sr|bgcolor|flashvars|name|id"
        +"|title],"   
});


Sind die Logfiles auf der obersten FTP Ebene im Ordner logs? Wie sieht so eine Fehlermeldung aus?

[blogster]

Das einzige was ich bisher in der tiny mce geändert habe ist das hier http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=80162#p80162. Damit wirds ja nichts zu tun haben oder?

[martinh]

Ich denke, ich habe den Fehler bei Dir gefunden. Die Tags, die erlaubt sind, werden nämlich alle kommasepariert. Du hast den Embed-Tag einfach hinzugefügt ohne beim Letzten ein Komma zu setzen und das wird er wohl nicht nehmen.

Code: Select all

   +"ul[class|compact<compact|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown"
     +"|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover"
     +"|onmouseup|style|title|type],"
   +"var[class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress"
     +"|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style"
     +"|title],"
   +"embed[class|width|height|wmode|pluginspace|type|sr|bgcolor|flashvars|name|id"
     +"|title]"   
});

So müßte es gehen. Beim Var-Tag am Ende hinter +"|title]" das Komma zwischen ] und " setzten und beim Embed-Tag am Ende das Komma entfernen. Wahrscheinlich könnte das auch stehen bleiben, aber zur Sicherheit entfernen wir das mal.

Ich habe mir das Embed-Tag nach dem Em-Tag eingefügt, damit es alphabetisch bleibt.

Code: Select all

   +"em/i[class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress"
     +"|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style"
     +"|title],"
   +"embed[class|width|height|wmode|pluginspace|type|sr|src|bgcolor|flashvars|name|id"
         +"|allowscriptaccess|stripped_title|allowfullscreen|title],"
   +"fieldset[class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress"
     +"|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style"
     +"|title],"


So, nun bin ich mal gespannt.

[martinh]

Das einzige was ich bisher in der tiny mce geändert habe ist das hier http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=80162#p80162. Damit wirds ja nichts zu tun haben oder?

Ne, das hat damit nichts zu tun.

[blogster]

Jetzt sieht es nach dem Einfügen so aus:

Code: Select all

<object height="400" width="250">
   <param name="movie" value="http://listen.grooveshark.com/widget.swf">
   </param>
   <param name="wmode" value="window">
   </param>
   <param name="allowScriptAccess" value="always">
   </param>
   <param name="flashvars" value="hostname=cowbell.grooveshark.com&amp;songIDs=29584687&amp;style=metal&amp;p=0">
   </param>
   <embed width="250" height="400" wmode="window" type="application/x-shockwave-flash" src="http://listen.grooveshark.com/widget.swf" flashvars="hostname=cowbell.grooveshark.com&amp;songIDs=29584687&amp;style=metal&amp;p=0" allowscriptaccess="always"></embed>
</object>

Nun müssten wir blos noch verhindern, dass das param Tag immer geschlossen wird ( </param>).

edit: Aber das Widget funktioniert jetzt! Ausser das durch diesen fehler beim param tag Größenänderungen beim object tag nicht akzeptiert werden.

[martinh]

Funktioniert erstmal, das ist doch gut.

Daran ist wohl der xhtml-Mode von TinyMCE schuld. Aber ich glaube nicht, daß die </param> ein Problem sind. Hast Du die Größe auch beim embed Tag geändert?

[blogster]

Ahhhhhhh, das hatte ich übersehen!! Die Größenangaben kommen zweimal vor. *grummel*

Jetzt hauts hin!

[blogster]

Mir ist im Quelltext aufgefallen, dass LT jetzt in jedem Artikel

Code: Select all

<div>
<embed src="./gallery/" height="" width="" autoStart="1" loop="false" enableContextMenu="0" playcount="65535" volume="20" ShowPositionControls="0" Hidden=""></embed>

</div>


einfügt.

Liegt das jetzt an den Änderungen in der TinyMCE?