Wie man eine "iframe" Html-Tag im Editor ausführen könnte? Kennt sich mit diesem Thema jemand aus, wie man Arivas Html Editor in dieser Hinsicht besser ausnützen könnte?
Ich wollte aus Präsentationsgründen in eine "iframe" html tag einen Artikel einnesten, aber kam leider mit dem Ariva Html Editor nicht weiter.
Was ich bis jetzt versucht hab (mit 1x1 Erklärung für nicht Eingeweihte), z.B. um die www.ariva.de Seite live in mein Posting in einem Frame-Rahmen drin zu blenden:
Erstens, wenn man beim Ariva Html Editor "Erweiterten HTML-Editor ausschalten" drückt, ist man in der Lage beim vereinfachten Editor direkt zu programmieren (d.h. Html Code einzugeben der ausgeführt wird).
Dann gab ich folgenden html code ein (um die www.ariva.de Seite beim Posting im Iframe-Rahmen zu haben):
<div><center><iframe width="100%" scrolling="no" height="1490" frameborder="0" src="www.ariva.de">Ariva Webseite Live:</center></iframe></div>
Wenn man jetzt auf den "erweiterten Html-Editor auschalten" umschaltet, wird dieser Html Code ausgeführt, und man sieht die Ariva Seite im Editor drin live. Aber der Hacken dran ist dass wenn man die Taste "Vorschau" (oder "Verfassen" bzw. "Absenden") wählt, der Editor diesen Code rausspuckt (mit der Warnung: Es wurden Änderungen am Text Ihrer Nachricht vorgenommen.) und nur ein leeren Iframe-Rahmen erzeugt.
Da die Programmierung des Editors solche ist, um das "scr" Attribut, wo die Addresse (der WebSeite) eingegeben wird, von der "iframe" Tag zu löschen (Das tut der Editor ausserdem bei allen Tags, ausser der "img" Tag, die für die Bilder (Dateien: png, jpg, gif usw.) verwendet wird).
Um den Ariva-Editor auszutricksen, habe ich die Programmierungssprache Javascript verwendet - die im Gegensatz zu der PHP nicht auf der Server-Seite sondern auf der Ebene des Browsers ausgeführt wird - und den folgenden Kode geschrieben (dieser Kode besagt nichts anderes als dass wenn erst der Javascript-Kode im Browser ausgeführt wird, dass erst dann der Iframe-Kode bei ihm geschrieben wird und so er erst dann dort ausgeführt werden soll):
<script type="text/javascript"> document.write('<div>'); document.write("<iframe id ='ad' src =\"www.ariva.de <>" width='"+100%+"' height='"+1490+"' frameborder='0' border='0' marginwidth='0' marginheight='0' scrolling='no' align='top' allowTransparency=\"true\"></iframe>"); document.write('</div>'); </script>
Aber der Ariva-Editor hat auch dafür vorgesorgt. Er spuck jeden Javascript Kode aus! Man kann deshalb überhaupt keine Dynamische Präsentationen mit diesem Editor haben, nur immer langweiliges statisches...
Da blieb mir nichts anderes übrig als ein Modul zu schreiben. Da alle Google Gadgets im Internet Moduls sind, hatte ich gehofft das der Ariva Editor da eine Ausnahme machen würde und diesen Kode ausführen würde:
<ModulePrefs title="Include gadget (iframe)" title_url="http://ariva.de" description="Include another web page in your Google Site" thumbnail="http://ariva.de" screenshot="http://ariva.de" height="800" width="600" author="Styl>" author_email="styl [email address]" author_affiliation="Google" author_location="Zurich Switzerland<" author_link="http:// styl..." author_photo="http://.../gadget-author- photo.png" author_aboutme="An Engineer among many others who likes to develop for the Net and tastes greek wines" author_quote="A chief is a man who assumes responsibility. He says "I was beaten" he does not say "My men were beaten" - Antoine de Saint-Exupery"> </ModulePrefs> <UserPref name="iframeURL" display_name="URL to content" required="true"/> <UserPref name="scroll" display_name="Display scrollbar" default_value="auto" datatype="enum"> <EnumValue value="auto" display_value="Automatic"/> <EnumValue value="no" display_value="No"/> <EnumValue value="yes" display_value="Yes"/> </UserPref> <Content type="html" view="default,canvas"><![CDATA[ <div id='dest' /> <script type="text/javascript"> function doRender() // setup variable var prefs = new _IG_Prefs(); var iframeURL = prefs.getString('iframeURL'); var scroll = prefs.getString('scroll'); var height ='100%'; var width = '100%'; if(gadgets.window){ var viewport gadgets.window.getViewportDimensions(); if(viewport.width){ var width = viewport.width + 'px'; if(viewport.height){ var height = viewport.height + 'px' } } var iframe = document.createElement('iframe'); iframe.setAttribute('width', width); iframe.setAttribute ('height', height + 'px'); iframe.setAttribute('frameborder','no'); if(scroll){ iframe.setAttribute('scrolling',scroll); } iframe.setAttribute('src', iframeURL); var dest =document.getElementById('dest'); dest.appendChild(iframe); } gadgets.util.registerHandler(doRender); </script> ]]></Content> </Module>
Aber leider hat der Ariva Html-Editor auch diesen Kode annuliert und rausgeschpuckt!
Kennt jemand zumindest eine Hintertür beim Ariva-Editor um ein Iframe auszuführen? Metro? Ich erinnere mich noch vor einiger Zeit dass bei einem Editor von Google es so einen Hack gab: in dem Iframe addierte man damals einfach das Attribut igsrc="URL of pic" und das "URL of pic" nützte dann als Platzhalter für das Iframe. Mag sein dass der Ariva-Editor um vieles simpler ist aber da wär auch was mit ihm anzufangen?
-----------------------------
Falls jemand die Tag <object> vorschlagen sollte, ich hab es auch so schon versucht den Ariva-Editor zu tweaken und dort eine Html Seite zu importieren mit dem Kode:
<object data="http://www.ariva.de" type="text/html"> <a href="/forum/http://www.ariva.de">HTML 4.01</a> </object>
|