| Both sides previous revision Previous revision Next revision | Previous revision |
| batocera_wiki_code_snippets [2022/09/29 11:35] – add video embedding information atari | batocera_wiki_code_snippets [2023/10/20 06:02] (current) – [Embedded images]: Explain how to avoid font issues in SVG ssokolow |
|---|
| {{:wiki:svg-controller.svg|Cute controller.}} | {{:wiki:svg-controller.svg|Cute controller.}} |
| |
| The wiki's media manager can actually accept SVG files even though it doesn't show it on the compatible file formats list. SVG files that contain text are discouraged due to fonts not being available on all systems (and thus appearing inconsistently or not at all). | The wiki's media manager can actually accept SVG files even though it doesn't show it on the compatible file formats list. SVG files that contain text are discouraged due to fonts not being available on all systems (and thus appearing inconsistently or not at all). You can avoid this by converting the text into shapes in Inkscape using ''Path > Object to Path''. |
| |
| However, by using the official DokuWiki [[https://www.dokuwiki.org/plugin:imagebox|imagebox]] plugin (which is installed additionally on this DokuWiki server), you can also put a frame around an image and make the image title text show up within the image frame instead of showing up as a tooltip (the image's filename will be shown as a tooltip instead). If you decide to resize your image like the image example below (75% of the image's original size in this example), the plugin also includes a nice extra feature of showing automatically an extra mini icon on the right lower corner of your imagebox you can click on to enlarge the image to its original size. | However, by using the official DokuWiki [[https://www.dokuwiki.org/plugin:imagebox|imagebox]] plugin (which is installed additionally on this DokuWiki server), you can also put a frame around an image and make the image title text show up within the image frame instead of showing up as a tooltip (the image's filename will be shown as a tooltip instead). If you decide to resize your image like the image example below (75% of the image's original size in this example), the plugin also includes a nice extra feature of showing automatically an extra mini icon on the right lower corner of your imagebox you can click on to enlarge the image to its original size. |
| - Copy the link (check it ends with output=csv) and paste it into your dokuwiki CSV table using the file= attribute described above. | - Copy the link (check it ends with output=csv) and paste it into your dokuwiki CSV table using the file= attribute described above. |
| </WRAP> | </WRAP> |
| | |
| | ===== Embed a website into a wiki page ===== |
| | |
| | Batocera wiki supports iframes, showing another web page inside of the article. Simple example: |
| | |
| | <code> |
| | {{url>http://www.example.com/somepage.html}} |
| | </code> |
| | |
| | Full syntax: |
| | |
| | <code> |
| | {{url>someurl width,height noscroll noborder alignment|alternate-text}} |
| | </code> |
| | |
| | Javascript URLs are not supported. More info at https://www.dokuwiki.org/plugin:iframe |
| |
| ===== Templates ===== | ===== Templates ===== |