FabWiki: A Site Dedicated to Fabric-Formed Concrete

This is an old revision of the document!


Editorial Tools

TOOLBAR

This wiki does not have all the tools found in a word processor such as MS WORD but it does come with a fairly decent set. Additional tools have been provided through the use of “plugins”. Following is a list of plugins helpful for creating content:

  • Add New Page - located at the top of each page.
  • Alignment - align your text; left, right, center or justified. (Button in editing toolbar.)
  • Book Creator - create a small PDF ebook, located at the top of each page.
  • Columns - create columns of text. See an example below.
  • Custom Button - See Editing Toolbar - Generates syntax for the following commands:
    • Force New Line
    • Back To Top (generates back to top of page button - plugin)
    • Insert 2 Columns
    • Insert 3 Columns
    • Insert 4 Columns
    • Embed Flash File (replace file name as required)
    • Display A Gallery (replace namespace gallery as required)
  • DW2pdf - allows a page to be printed to a PDF document. Also works with ebook.
  • Flash - allows a Flash SWF file to be embeded into the document.
  • Font Color - change font color. (Button in editing toolbar.)
  • Font Size - change font size. (Button in editing toolbar.)
  • Gallery - create a photo gallery from image files stored in the selected namespace.
  • Notice Board - a calendar that allows users to insert events. (NOT INSTALLED, PHP ERROR)

Additional editing information may be found on DokuWiki syntax page and in the DokuWiki manual (Note: clicking on this link will result in leaving this page unless you open it in another tab or window.)

Columns Plugin Example

Shown below is what can be done with the “Columns” plugin. Headlines have been included to show the available column widths.

COLUMN 1

<align center>information in column 1 (50% of page width)</align>

COLUMN 2

<align center>information in column 2 (25% of page width)</align>

COLUMN 3

<align center>information in column 3 (remainder of page width)</align>

Syntax for the above example is as follows:

<columns 100% 50% 25% - >

==== COLUMN 1 ====

<align center>information in column 1 (50% of page width)</align>

<newcolumn>

==== COLUMN 2 ====

<align center>information in column 2 (25% of page width)</align>

<newcolumn>

==== COLUMN 3 ====

<align center>information in column 3 (remainder of page width)</align>

</columns>

Flash Plugin Example

<align justify>The flash is embedded using the flash tags. The file to embed, the dimension of the flash object and the alignment is has to be given space separated in the opening tag. Name-Value pairs for the parameters are then given in the body. Supported alignments are left, center and default. The provided SWF can either be a remote URL or a locally uploaded SWF file. Below is an example using a YouTube Video.</align>

<flash left 450×350 http://www.youtube.com/v/-dnL00TdmLY> hl en_US fs 1 allowFullScreen true allowscriptaccess always </flash>


















Syntax for the above example is as follows:

<flash left 450x350 http://www.youtube.com/v/-dnL00TdmLY>
hl en_US
fs 1
allowFullScreen   true
allowscriptaccess always
</flash>

A basic gallery can be added by selecting a namespace like this:

{{gallery>namespace}}

All image files in the selected namespace will be added to the image gallery. Don't forget the ”:” in front of the namespace.

The created gallery can be aligned by using white space (defaults to center):

{{gallery> namespace}} (right aligned)
{{gallery>namespace }} (left aligned)
{{gallery> namespace }} (centered)

Parameters

<align justify>A number of parameters can be set by appending them with ? character to the namespace or image. Each parameter needs to be separated with a & character. Defaults for all parameters can be set in the config manager. If a parameter is enabled by default it can be disabled in the syntax by prefixing it with the syllable no. e.g. the parameter cache is usually enabled and can be disabled using the keyword nocache. Below is a list of all recognized parameters.</align>

Parameter Default Description
<number>x<number> 120x120 Sets the size for thumbnails. Unless the crop option is set, this is a boundary box into which the thumbnail will be fitted, maintaining the correct aspect ratio.
<number>X<number> 800X600 Sets the size for the linked images in direct mode. This is a boundary box into which the image will be fitted, maintaining the correct aspect ratio. Note the uppercase X.
<number> 5 The number images per row in the gallery table. If you specify a 0 no table is used instead all thumbnails are added in a sequence.
=<number> =0 Limits the output to the given number of images. 0 means all.
+<number> +0 Skip the first number of images. Useful with the option above.
~<number> ~0 Add a pagination for the thumbnails displaying the number of given thumbnails per page. 0 disables pagination. Pagination is added through JavaScript - when no JavaScript is available all thumbnails are displayed
cache enabled Usually the output of the created gallery is cached. When the images in your selected namespace change, you have to manually force an update of the gallery page's cache. To disable the cache for the page showing the gallery, set nocache as option.
crop disabled Make thumbnails the exact given thumbnail size big, cropping when needed.
direct disabled Link thumbnails with the bigger sized images not with their detail page
lightbox disabled Show images in a fancy JavaScript modal browsing window, see below for details. Setting this option automatically implies the direct mode
reverse disabled Reverse the order of the displayed images
recursive enabled Find images in the given namespace and all sub namespaces
random disabled Sort images randomly. You might want to use nocache as well
modsort disabled Sort images by file modification date
datesort disabled Sort images by EXIF date
titlesort disabled Sort images by EXIF title
showname disabled Show filename below thumbnails
showtitle disabled Show EXIF title below thumbnails
anything containing a * jpg,gif,png images This can be used to filter the list of files found in the given namespace. * work as simple wildcard symbol.

Example:

{{gallery>images:vacation?image_*.jpg&80x80&crop&lightbox}}

<align justify>This displays all images beginning with image_ and ending in .jpg from the namespace images:vacation. Thumbnails are cropped to 80×80 pixels and images will be opened in lightbox mode.</align>

Lightbox Mode

<align justify>This mode will open the clicked picture inside the current browser window without leaving the current page1). You can close the picture view by clicking the little X in the upper right corner or anywhere in the picture. You can move to the next or previous image by using the arrow buttons in the lower corners.</align>

The picture is downsized if necessary to fit into the current browser window. You can enlarge it with the arrow button in the top corner.

The following keys can be used to navigate:

Key Action
or n next image
or p previous image
x or c or ESC close the image view

<align justify>See Gallery for additional syntax, parameter, limitations and caveats. (Note: clicking on this link will result in leaving this page unless you open it in another tab or window.)</align>

1)
This feature is based on the Lightbox and Lightbox Plus scripts with some additions
QR Code
QR Code editorial_tools (generated for current page)