uEditor Setup

  1. Installation - This covers installing uEditor files to your web application.
  2. Base Configuration - This covers setting uEditor base properties  to make it work.
  3. MenuBar Configuration - This covers adding buttons and dropdownlists to uEditor on your ASPX pages.
  4. uEditor Configuration - This covers other uEditor properties

Installation

There are two major sets of files you need to copy in order to make uEditor working properly. First, you need to copy uEditor.dll into you /bin/ folder or add a reference to uEditor.dll from your Visual Studio.NET. Second, you need to copy folder "uEditor" into wwww root. This uEditor folder contains necessary images,blank htm file, dialogs files etc. Below are the essential files 
/bin/uEditor.dll
/uEditor/uEditor.htm
/uEditor/uDialogs/..
/uEditor/images/..

Base Configuration

1.At the top of your ASPX page add the followings: 
<%@Register TagPrefix="uEditor" Namespace="EFW.Controls.Web" Assembly="uEditor" %>

2.The uEditor'propertys:FromName,IconPath,DialogPath,BlankSRC Default to :"","uEditor/uImages/","uEditor/uDialogs/","uEditor/uEditor.htm". You need to specify the form name of ASP.NET webform in order for ueditor to work. Below is an example: 
/bin/uEditor.dll
/uEditor/uBlank.htm
/uEditor/uDialogs/..
/uEditor/images/..
/example/yourWebForm.aspx
/example/yourWebForm.aspx.cs
The correctly property setting may is:
<%@ Register TagPrefix="uEditor" Namespace="EFW.Controls.Web" Assembly="uEditor" %>
<html>
<body>
    <form id="Form1",runat="server">
        <uEditor:uEditor id="uEditor1"
        	FormName="Form1",IconPath="../uEditor/uImages",DialogsPath="../uEditor/uDialogs"
        	,BlankSRC="../uEditor/uBlank.htm",runat="Server"><uEditor:uEditor>
    </form>
</body>
</html>

MenuBar Configuration

There are two ways to configure Menubars and MenubarItems in an uEditor control:

1.MenuBarModes property

     The default way to configure Menubars is to use  the propery MenuBarModes.

    uEditor supports 3 menubar mode: FullMenu, Standard and none. Default is FullMenu

FullMenu has all the menu items:¡°Font¡±, ¡°Size¡±, ¡°Font color¡±, ¡°Bold¡±, ¡°Italics¡±, ¡°Underline¡±, ¡°Align left¡±, ¡°Align center¡±, ¡°Align right¡±, ¡°Numbered   list¡±, ¡°Bullets¡±, ¡°Increase indent¡±, ¡°Decrease indent¡±."Cut","Copy","Paste","Undo","Redo","Insert table","Insert image", "Create HyperLink","Insert TextBox","Toggle Table GuideLines","HighLight","StrikeThrough","Superscript","Subscript","Insert Horizital Rule

    Standard: has the following menus: ¡°Font¡±, ¡°Size¡±, ¡°Font color¡±, ¡°Bold¡±, ¡°Italics¡±, ¡°Underline¡±, ¡°Align left¡±, ¡°Align center¡±, ¡°Align right¡±, ¡°Numbered list¡±, ¡°Bullets¡±, ¡°Increase indent¡±, ¡°Decrease indent¡±.

    None:not any menubar.it supports custom define.

    Below is an example of Standard mode

      <%@ Register TagPrefix="uEditor" Namespace="EFW.Controls.Web" Assembly="uEditor" %>
<html>
<body>
    <form id="Form1",runat="server">
        <uEditor:uEditor id="uEditor1"
        	FormName="Form1",IconPath="..uEditor/uImages",DialogsPath="../uEditor/uDialogs"
        	,BlankSRC="../uEditor/uBlank.htm",MenuBarModes="Standard" runat="Server"><uEditor:uEditor>
    </form>
</body>
</html>

2.Custom define In Page_Load Code

    Menubars can also be set through code. You should set the property MenuBarModes to None if you want only the MenuBarItems you define.
    <%@ Register TagPrefix="uEditor" Namespace="EFW.Controls.Web" Assembly="uEditor" %>
<html>
<body>
    <form id="Form1",runat="server">
        <uEditor:uEditor id="uEditor1"
        	FormName="Form1",IconPath="..uEditor/uImages",DialogsPath="../uEditor/uDialogs"
        	,BlankSRC="../uEditor/uBlank.htm",MenuBarModes="None" runat="Server"><uEditor:uEditor>
    </form>
</body>
</html>
    Inside your Page_Load routine, you can add MenubarItems to an uEditor control's Menubars collection property.
    Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        Dim MenubarRelations As New EFW.Controls.Web.MenubarRelations(Me.UEditor1)
        Dim MenuBarItems As New EFW.Controls.Web.MenubarItems(Me.UEditor1)
        Dim CustomMenubar As New EFW.Controls.Web.uEditor.CustomMenubar

        Me.UEditor1.MenuBarMode = EFW.Controls.Web.uEditor.MenuBarModes.None

        CustomMenubar.AddItem(MenubarRelations.BeginOfMenuBar)
        CustomMenubar.AddItem(MenubarRelations.MenuBarGrabber)
        CustomMenubar.AddItem(MenuBarItems.FontDropDownList)
        CustomMenubar.AddItem(MenuBarItems.Spacer)
        CustomMenubar.AddItem(MenuBarItems.FontSizeDropDownList)
        CustomMenubar.AddItem(MenuBarItems.Spacer)
        CustomMenubar.AddItem(MenuBarItems.FontStyleDropDownList)
        CustomMenubar.AddItem(MenuBarItems.ItemSeperator)
        CustomMenubar.AddItem(MenuBarItems.Bold)
        CustomMenubar.AddItem(MenuBarItems.Italics)
        CustomMenubar.AddItem(MenuBarItems.Underline)
        CustomMenubar.AddItem(MenuBarItems.StrikeThrough)
        CustomMenubar.AddItem(MenuBarItems.ItemSeperator)

        CustomMenubar.AddItem(MenuBarItems.CustomMenu("
        alert('You are clicking the menubar button that you custom!');", _
        "custom menubar button function created at runtime",
        Me.UEditor1.IconPath + _
        "/menu_test_button.gif"))

        CustomMenubar.AddItem(MenubarRelations.EndOfMenuBar)


        MenubarRelations = Nothing
        MenuBarItems = Nothing
        CustomMenubar = Nothing
End Sub
  1. Installation - This covers installing uEditor files to your web application.
  2. Base Configuration - This covers setting uEditor base propertys  to make uEditor to work.
  3. MenuBar Configuration - This covers adding buttons and dropdownlists to uEditor on your ASPX pages.
  4. uEditor Configuration - This covers other uEditor properties

uEditor Configuration

uEditor properties explained