home cool help

help

help on how to make the best use of wysiwywiki.


editing

edit a page just by reloading it.

special pages

there are three special pages: header and footer and login. the header page will be prepended in a <header> tag on every page. similarly, the footer page will be appended in a <footer> tag on every page. the login page serves to authenticate users to allow editing. currently every user is authenticated to edit every page.

tags

you can tag pages so that they are easier to find. for example: #help

descriptions

the first italicized sentence (with a period) found in the page automatically is used to generate the page description.

shortcodes

of course, wysiwyg is only mostly wysiwyg. there are some things that you might want to add that can't be seen on the editor, like audio and video.  you can add shortcodes for all sorts of html elements that you can't directly edit using the wyiwyg editor. shortcodes are just JSON with an extra surrounding "{" and "}" on either side. the JSON defines the "tag" and then every other is interpreted as an attribute of that tag.

search
code:
{{"tag":"search"}}
result:

{{"tag":"search"}}


images
example: images with specified width.

code:
{{"tag":"img", "width":"200", "src":"https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Tagblume_Commelina_communis_stack25_2019-08-05-RM-8050218-PSD.jpg/800px-Tagblume_Commelina_communis_stack25_2019-08-05-RM-8050218-PSD.jpg"}}
result:

{{"tag":"img", "width":"200", "src":"https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Tagblume_Commelina_communis_stack25_2019-08-05-RM-8050218-PSD.jpg/800px-Tagblume_Commelina_communis_stack25_2019-08-05-RM-8050218-PSD.jpg"}}

example: audio.

code:
{{"tag":"audio", "src":"http://traffic.libsyn.com/gardnermuseum/haydn_op20.mp3"}}
result:

{{"tag":"audio", "src":"http://traffic.libsyn.com/gardnermuseum/haydn_op20.mp3"}}

example: video like vimeo.

code:
{{"tag":"vimeo","id":"338100845"}}
result:

{{"tag":"vimeo","id":"338100845"}}




example: youtube video.

code:
{{"tag":"youtube","id":"1peFJ_-N7V8"}}
result:

{{"tag":"youtube","id":"1peFJ_-N7V8"}}