Developer Features

 

We have re-developed WysiwygPro from the ground up with developers in mind.
Choosing the right WYSIWYG editor for your web application is an important decision. In many applications the editor is where your users will spend the majority of their time. WysiwygPro 3 provides you with the tools to integrate the editor seamlessly into your application and give your users the best possible editing experience. Check out some of the cool new features:

  • Comprehensive online developer's manual
    Over 300 pages of tutorials and API references are available through our online manual and new content is being added all the time.

    Take a peek at it >
     
  • Themes
    Create your own themes or choose from one of the four included. Make the editor look however you desire. Themes control the appearance of the editor. Functionality such as the toolbar layout can be configured independently of an editor's theme.

    See a demo >

  • Fully customize the toolbar layout
    You can create any number of toolbars and place any buttons you like on them and in any order you like, plus you can create your own custom buttons, drop-down menus and select list boxes. You can fully customize the available styles, fonts, font sizes and colors.

    See a demo >

  • Disable or enable numerous interface features
    You can turn off many of WysiwygPro's other features including the "Shift+Enter message", the resize corner, and the view tabs along the bottom of the editor.

  • Support for more HTML specifications
    Including XHTML 1.0 Strict and XHTML 1.1 

  • HTML filters
    Don't like the source code generated by WysiwygPro? Or perhaps you want to parse some basic template syntax? Filters can be used to alter the source code generated by WysiwygPro, they can be assigned to certain events such as when generating the design view, the source view, preview view or when the editor is submitted. Filters can be used to parse basic template syntax, process image placeholders and much more.

  • Template syntax handling
    The template filter plug-in makes use of WysiwygPro's HTML filter system to provide a simple API for processing template placeholder tags. For example you could configure WysiwygPro to know that {site_url} is equivalent to the URL of your web site thus eliminating the need for hard coded URL's.

    See a demo >

  • Repeating regions
    The repeating regions plug-in allows you to mark up repeating regions using simple comment tags. Now your clients can manage complex layouts more easily.

    See a demo >

    Read more about this and other plugins in the manual >
  • Plug-in Architecture
    A complete plug-in architecture allows you to extend the editor in a re-usable fashion and without the need to hack core components:

    • PHP API plug-ins allow you to create re-usable editor configurations and hook into the event API.

    • JavaScript API plug-ins allow you to add re-usable functionality to the editor, such as functions to be called by custom buttons.

    • Dialog plug-ins allow you to create your own dialog windows. The dialog plug-in architecture is a feature rich development framework including helper functions for displaying WysiwygPro interface widgets, using AJAX, the file system and much more. All of WysiwygPro's dialog windows are built this way including the file manager which is testimony to the power of the architecture.

    • File type plug-ins can be created to allow the file manager to read and embed file types that it does not support by default. By default WysiwygPro includes plug-ins for Flash, QuickTime and Windows Media.

    • Spell checker plug-ins can be written to allow the spell checker to interface with third party spell checkers. By default WysiwygPro includes plug-ins for Aspell, PHP's Pspell extension and our own free HTTP based service.

  • Server side previews
    The server preview plug-in allows you to define a PHP script of your own design to be passed the task of displaying document previews in WysiwygPro's preview pane. This can be used to display the content within a full page template or to parse complex server-side template syntax. This feature allows you to provide a more accurate document preview.

    See a demo >

  • Powerful file manager
    WysiwygPro 3's AJAX enhanced file manager can be used to manage images, documents and embedded media on the server and to allow users to effortlessly select and insert items into their documents. Features include:

    • Easy dynamic configuration
      New in WysiwygPro 3 is the ability to dynamically configure the location and user permissions for your image, document and media folders through simple API calls.

    • Multiple folders
      You can now specify an unlimited number of folders. If multiple folders are specified then they will appear in the sidebar down the left-hand side of the file manager. Each folder can be given different permissions and assigned a unique icon and a friendly name. This feature combined with the ability to dynamically configure the folders could be used to display a unique folder for each user as well as a global shared folder, or perhaps separate folders for each user group, its up to you!

    • Feature complete file management
      Finally you can move and copy files and folders as well as rename, delete and create files and folders. We've also thrown in a basic image editor!

    • Event hooks
      The file manager is part of WysiwygPro's event architecture. You can define custom functions to be called when images are uploaded or when any other file management event occurs. Event functions are passed the directory path to affected files allowing you to perform additional processing.

  • Custom styles
    Define custom "styles" that users can select from to format elements in their document. Styles in WysiwygPro 3 allow you to define what type of tag each style can be applied to and can be used to apply any attributes, not just class.

    See a demo >

  • Display and configure the editor using AJAX

    See a demo >


Other Features:

  • Super easy to install.
    Just a few lines of code and your away.

  • Easy to add to existing applications.
    WysiwygPro behaves exactly like a <textarea>. Simply paste WysiwygPro where you would normally use a textarea. You can give WysiwygPro a name the same way you can give a textarea or other form element a name.

  • Full source code provided
    Full source code is provided and you may modify the code to meet your needs (but with the powerful plug-in architecture you may not need to!).

  • Specify links to pages on your site that will appear in the hyperlink window.
    If you want users to easily create links to other pages in your site you can specify a list of links so that users can select one when inserting a hyperlink.

  • Create code snippets that users can insert into their page at the click of a button.
    You can specify snippets of HTML code that can be inserted into a page. These could be the company logo, contact details or dynamically generated data such as the current date or time. This provides content editors with quick access to commonly used items.

  • Support for multiple instances
    You can place as many instances of WysiwygPro in a form as you require.

  • Apply stylesheets
    If you are editing code snippets that contain no style definitions or links to an external stylesheet you can specify stylesheets or arbitrary CSS rules for the editor to use to display the code.

WysiwygPro.com