History: PluginHTML
Source of version: 32
Copy to clipboard
^This page ((needs review))^ ! Plugin HTML This ((Wiki Plugin)) allows you to add any HTML (including scripts and objects) to a wiki page. This plugin was introduced in ((Tiki3)). {img src=pics/icons/information.png alt="Information"} Because users could potentially add unsafe scripts to a page, this plugin ((Plugin Security|must be validated)) by a trusted contributor before becoming "live" on the page. {maketoc} !! Usage and Parameters To use this plugin in a wiki page, use the syntax: {CODE(caption="How to use HTML plugin" colors="html" ishtml="1" colors="html4strict")} {HTML()} You can use <b>HTML here</b> including JavaScript, etc. This is unsafe and thus, must be validated by a trusted editor {HTML} {CODE} {FANCYTABLE( head=> __Parameter__ ~|~ __Accepted values__ ~|~ __Default__ ~|~ __Effect__ ~|~ __Required?__ ~|~ __Since__ )} ''wiki'' ~|~ 0=no %%% 1=yes ~|~ 0 ~|~ Parse wiki syntax included within the HTML plugin. ~|~ n ~|~ 3.0 {FANCYTABLE} There are others ways to include HTML in a page: *Use the ((WYSIWYG)) editor. Note that Tiki will automatically filter potentially unsafe content. *Enable the __Allow HTML in Wiki Pages__ option. Note that Tiki will automatically filter potentially unsafe content. *Use ((HTML Pages)) instead of wiki pages. Note that HTML pages do not include page version history. You could also use ((PluginJS)) to include JavaScript in a wiki page. !! Example 1 You could paste the code you get for a [http://www.google.com/webmasters/gadgets/foryourpage/index.html|Google Gadget], a [https://www.paypal.com/us/cgi-bin/webscr?cmd=_singleitem-intro-outside|PayPal button], etc. For example, using this code: {CODE(caption="Adding a Google Gadget to a wiki page." ishtml="0" wrap="1" colors="html4strict")} {HTML()}<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/U_CDQZLmYts"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/U_CDQZLmYts" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>{HTML} {CODE} Will produce this Google Gadget: {HTML()} <script src="http://www.gmodules.com/ig/ifr?url=http://www.donalobrien.net/apps/google/currency.xml&up_def_from=USD&up_def_to=EUR&synd=open&w=320&h=170&title=Currency+Converter&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script> {HTML} !! Example 2 Embedding some html object from a site serving embeddable videos (youtube, vimeo, etc) {CODE(ishtml="0" wrap="1" colors="html4strict")} {CENTER()}{HTML()}<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/U_CDQZLmYts&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/U_CDQZLmYts&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>{HTML}{CENTER} {CODE} Would produce: {CENTER()}{HTML()}<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/U_CDQZLmYts&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/U_CDQZLmYts&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>{HTML}{CENTER} !! Example 3 Making a wiki link to look like a button of the same theme style that you are using. For instance, this code: {CODE(ishtml="0" wrap="1" colors="html4strict")} ^{HTML()}<span class="button"><a href="tiki-index.php?page=PluginHTML&itemId#Example_3">Save changes</a></span> with my custom buttom to the page PluginHTML, while you send also itemId in the url for PluginTrackerList magic, for instance (not used in this simple example){HTML}^ {CODE} Would produce: ^{HTML()}<span class="button"><a href="tiki-index.php?page=PluginHTML&itemId#Example_3">Save changes</a></span> with my custom buttom to the page PluginHTML, while you send also itemId in the url for PluginTrackerList magic, for instance (not used in this simple example){HTML}^ {include page="Module and Plugin Includes" start="startinclude2" stop="stopinclude2"} Also related (for direct reference) in one example above: * ((PluginTrackerList))