Server Preview Demo

< Back to demos

Server preview demo
This demo shows off WysiwygPro's ability to offload previews to a server script to perform parsing of dynamic template syntax or to display the content as it would appear within a site template. You can use this feature to display a more acurate preview.

In this demo we have created a preview script that will preview the content within the design of this website. To see this switch to preview view. You might like to try out the "Full Window" button to see the Preview better.

<h2>Welcome to the WysiwygPro Demos!</h2> With WysiwygPro  you can create bold italic or underlined text at the click of a button. You can color text, highlight text create <a href="{site_url}/index.asp" target="_self">hyperlinks</a>, change the font, insert images, create tables, lists and more. There is no need to know anything about HTML; WysiwygPro will generate all the HTML for you. Click the Source tag to see the HTML code that WysiwygPro has generated. Some handy editing tips: <ul> <li>To bring up the browser default context menu hold down the Alt key while opening the menu. </li> <li>To enter a single line-return instead of a paragraph return hold down the shift key and press enter. </li> </ul> <img alt="" title="" src="/assets/images/miniBanner.gif" align="default" height="98" width="627" /> WysiwygPro is ideal for use as the editing interface for a content management system, webmail system or discussion forum. If you are a developer and you want to restrict what a user can do, you can disable any of WysiwygPro's editing features as well as create a drop-down menu of pre-defined styles. Please check out the other demos for examples. Most of these demos use XHTML 1.0 Transitional, but WysiwygPro can also be configured to generate HTML 4 Transitional or Strict, XHTML 1.0 or XHTML 1.1. When editing a strict document type WysiwygPro will generate inline styles instead of using depreciated tags and attributes. The editor is infinitely customizable through a powerful plug in architecture and all source code is provided. Purchase with confidence, we offer a money back guarantee!

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'); // create a new WysiwygPro instance $editor = new wysiwygPro(); // load base configuration $editor->loadPlugin('demoConfig'); // give the editor a name $editor->name = 'demo'; // load and configure the server preview plugin $editor->loadPlugin('serverPreview'); $editor->plugins['serverPreview']->URL = 'preview.php'; $editor->fullURLs = true; // display the editor $editor->display(700, 400); ?>

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