chris/django-tinywiki
1
0
Fork 0
mirror of https://git.cmoser.eu/tinytools/django-tinywiki.git synced 2026-02-04 06:06:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

2025.12.22 19:18:16 (cachyos.cmoser.eu)

Browse Source
This commit is contained in:
Christian Moser
2025-12-22 19:18:16 +01:00
parent cb5a71d8f3
commit 3c4647ce49
1 changed files with 77 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
tinywiki/migrations/pages/bbcode.bbcode
View File

@@ -580,3 +580,75 @@ You can also create tables that span over mutliple rows or columns. Add the [cod
[/table]
[h2]Images[/h2]
[p]
To embed images, use the [code][img=url]description[/img][/code] or the [code][image=url]description[/image][/code] tag. For Uploaded images use the [code][wiki-image=slug][/code] or the [code][wimg=slug][/code] tag.
[/p]
[p]
You can also resize your image by using the [code]width[/code] and [code]height[/code] arguments.
The accepted values are: [code]width=25[/code], [code]width=50[/code], [code]width=75[/code] and [code]width=100[width] for generic resizing. You can also set the width and height in [i]%[/i]([code]width=32%[/code]), in [i]em[/i] ([code]width=5em[/code] and [i]rem[/i] ([code]width=20rem[/code]).
[/p]
[p]
To align images you can use the [code]postion[/code] argument. Accepted values for positioning are [code]left[/code] or [code]start[/code], [code]center[/code] and [code]right[/code] or [code]end[/code].
[/p]
[p]
When the embeded images don't fill up the whole width, the text floats around them.
[/p]
[codeblock]
[img="https://images.unsplash.com/photo-1764957080687-9569e738a238?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"]
Image from [url=https://beckerworks.de]David Becker[/url]
on [url=https://unsplash.com]Unsplash.com[/url]
[/img]
[wiki-image=tw-image-01]
[wimg=tw-image-01 width=25 position=left]
[wimg=tw-image-01 width=25 position=right]
[wimg=tw-image-01 width=25 position=center]
[wimg=tw-image-01 width=25 position=left]
[h3]Some example text[/h3]
[p]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/p]
[hr][/codeblock]
[img="https://images.unsplash.com/photo-1764957080687-9569e738a238?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"]
Image from [url=https://beckerworks.de]David Becker[/url] on [url=https://unsplash.com]Unsplash.com[/url]
[/img]
[wiki-image=tw-image-01]
[wimg=tw-image-01 width=25 position=left]
[wimg=tw-image-01 width=25 position=right]
[wimg=tw-image-01 width=25 position=center]
[hr]
[wimg=tw-image-01 width=50 position=left]
[h3]Some example text[/h3]
[p]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/p]
[hr]