Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Introduction

The Ephox Tiny EditLive! ASP.NET Server Control has been designed to allow easy integration of the WYSIWYG HTML editing capabilities of EditLive! into ASP.NET Web Forms. The EditLive! ASP.NET Server Control has been designed to allow for seamless interaction between the ASP.NET architecture and the EditLive! applet. Once the required files have been included in an ASP.NET Web project EditLive! can be easily included in any of your ASP.NET Web Forms

Requirements

  • IIS 6.0 or 7.0 (for deployment)
  • .NET framework 3.0, 3.5 or 4.0
  • Visual Studio 2005 or later (for development)
  • EditLive! 8.1 or above.

Installing the EditLive! ASP.NET Server Control

...

  1. In the Microsoft Visual Studio .NET IDE, select the Tools > Customize Toolbox... menu item.
  2. Select the .NET Framework Components tab of the Customize Toolbox dialog.
  3. Click Browse...
  4. Browse to the location of the EditLiveJavaControl.dll file. This file can be found in the EditLiveControl_INSTALL/webfolder/aspnet/servercontrol/ directory, where EditLiveControl_INSTALL represents the location you installed the control to.
  5. With the EditLiveJavaControl.dll file selected, click Open.
  6. Ensure that the EditLiveJava control is now available in the list of .NET Framework Components and that the box next to the name of the control is checked.
  7. Click OK.
  8. The EditLive! Server Control should now be available as part of the Microsoft Visual Studio .NET Toolbox.

...

The EditLive! Server Control is now available to reference from the project. Instances of the control can now be created using the tag associated with it.

...

...

Other Files Required to Use EditLive! in an ASP.NET Web Application

...

  1. Copy the redistributables directory and all its subdirectories, which contain the EditLive! for Java source files and libraries, to the relevant Web project directory so that the redistributables directory is a sub-directory within the Web project.
  2. Open the Solution Explorer window by selecting the View > Solution Explorer menu item.
  3. Once the Solution Explorer window is open select the Project > Show All Filesmenu item to reveal all the files within the Web project's directories.

    Info

    If the Show All Files option is already selected before performing this step it may have to be unselected and then reselected.

    Image Modified

  4. In the Solution Explorer, select the root directory for the EditLive! source files and libraries which have not yet been included in the project (files which are not included are represented as uncolored icons, as above). In the example above the relevant directory is the redistributables directory.
  5. With the relevant root directory selected (in the above example, the redistributables directory), select the Project > Include In Project menu item.
  6. The Solution Explorer window should now have colored representations of the EditLive! source files and libraries. It should look similar to the following figure.

Constraints

As EditLive! is an HTML editor, it will need to be able to edit HTML and send HTML text back to the server. This means that the .NET request validation functionality will need to be disabled through setting the property validateRequest="false" in the page through the Page directive:

...

Note

By default ASP.NET forms cannot post values containing HTML. In order to successfully post EditLive!'s content, you will need to ensure the page directive contains the validateRequest="false"

..

parameter.

%>

The server side code behind view exposes the EditLive! content through properties on the control. It is possible to access content at any stage in the life cycle through these attributes. Updates to content will only be visible in the control when they are made before rendering the applet. This means that content updated in the Page_Load event will be correctly reflected, but changes made in the event handlers for form events will not be reflected in the client control. In order to update content on a form event, the JavaScript APIs for EditLive! will need to be used.

...

In ASP.NET 4.0, you also need to add the following to your web.config, in the <system.web> section:

<httpRuntime requestValidationMode="2.0" />