The Editors

A few words about some of the editors

Text editor

The page-o-builder uses the Trumbowyg WYSIWYG text editor.

If you only want to use the basic options of the text editor, leave out the trumbowyg.plugins.min.js file.

More information about the Trumbowyg editor can be found here.

Image editor

With the image editor you have three options:

• Insert image
• Insert image that can also be used as a link
• Show image in a lightbox when you click on it

The fancybox is used for the lightbox.

You can find more information about the fancybox, including the configuration, here.

Without configuration, the fancybox is used in full mode, i.e. the way it is usually used anyway.

The implementation of the lightbox is optional.

If the FancyBox is used, the is-light-box attribute must be set in the <page-o-builder> element.

Example:

<page-o-builder container="container" output=".preview-output" is-light-box></page-o-builder>

FrissBee Player

The FrissBee Audio Player can be used to have more options when integrating an audio file than with the standard audio player.

More information about the FrissBee Audio Player can be found here.

The implementation of the FrissBee Player is optional.

If the FrissBee Player is used, the is-frissbee-player attribute must be set in the <page-o-builder> element.

Example:

<page-o-builder container="container" output=".preview-output" is-frissbee-player></page-o-builder>

Accordion Editor

The accordion can be styled with CSS if you want a different design than the standard design.

For more information see this link.

The implementation of the Accordion Editor is optional.

If the Accordion Editor is used, the is-accordion attribute must be set in the <page-o-builder> element.

Example:

<page-o-builder container="container" output=".preview-output" is-accordion></page-o-builder>

Image Viewer Editor

The Image Viewer Editor contains the Little Image Viewer.

The Little Image Viewer is an image slider. It can be styled with CSS.

For more information see this link.

The implementation of the Image Viewer Editor is optional.

If the AImage Viewer Editor is used, the is-little-image-viewer attribute must be set in the <page-o-builder> element.

Example:

<page-o-builder container="container" output=".preview-output" is-little-image-viewer></page-o-builder>