Theme Demo

< Back to demos

Theme demo
Design your own theme or use one of ours, this demo shows off some WysiwygPro themes.

These editors have all be configured to use inline dialogs instead of pop-up windows. This is optional and can be configured independently of your chosen theme.

Blue Theme

To enable WYSIWYG editing you must be using a supported browser, however you may still edit the raw HTML code in the above textarea. For a full list of supported browsers please see http://www.wysiwygpro.com/browsers/

Aqua Theme

To enable WYSIWYG editing you must be using a supported browser, however you may still edit the raw HTML code in the above textarea. For a full list of supported browsers please see http://www.wysiwygpro.com/browsers/

Jet Black Theme

To enable WYSIWYG editing you must be using a supported browser, however you may still edit the raw HTML code in the above textarea. For a full list of supported browsers please see http://www.wysiwygpro.com/browsers/

Source code:

<?php
include_once('wysiwygPro/wysiwygPro.class.php');

echo 
'<p><strong>Blue Theme</strong></p>';

$editor = new wysiwygPro();
$editor->loadPlugin('demoConfig');
$editor->name 'edit[blue]';
$editor->theme 'blue';
$editor->iframeDialogs true;
$editor->display(700250);

echo 
'<p><strong>Aqua Theme</strong></p>';

$editor2 = new wysiwygPro();
$editor2->loadPlugin('demoConfig');
$editor2->name 'edit[aqua]';
$editor2->theme 'aqua';
$editor2->iframeDialogs true;
$editor2->display(700250);

echo 
'<p><strong>Jet Black Theme</strong></p>';

$editor3 = new wysiwygPro();
$editor3->loadPlugin('demoConfig');
$editor3->name 'edit[jetblack]';
$editor3->theme 'jetblack';
$editor3->iframeDialogs true;
$editor3->display(700250);

?>

We are using a plugin "demoConfig" to apply shared configuration settings such as the file manager configuration. See the source code for this plugin.

WysiwygPro version 3.2.1
WysiwygPro.com