Check documentation for the latest version 6.0 of dhtmlxSuite Adding Editor to DHTMLX Components DHTMLX Docs

Adding Editor to DHTMLX Components

The table below presents DHTMLX components that you can attach a dhtmlxEditor object to and code samples of such attaching.

To attach an Editor to a DHTMLX component, use the attach[NameofComponent] method of the related component

Attaching to an accordion's cell

myAcc = new dhtmlXAccordion("accObj");
myEditor = myAcc.cells("a1").attachEditor({content:"Type some text"});

Related sample:  Attach to accordion

Learn more about accordions here.

Attaching to a layout's cell

myLayout = new dhtmlXLayoutObject("layoutObj", "3L");
myEditor = myLayout.cells("a").attachEditor({content:"Type some text"});

Related sample:  Attach to layout

Learn more about layouts here.

Attaching to a tabbar's tab

myTabbar = new dhtmlXTabBar("my_tabbar");
myEditor = myTabbar.tabs("a1").attachEditor({content:"Type some text"});

Related sample:  Attach to tabbar

Learn more about tabbars here.

Attaching to a window

dhxWins = new dhtmlXWindows();
w1 = dhxWins.createWindow("w1", 20, 30, 400, 280);
myEditor = w1.attachEditor({content:"Type some text"});

Related sample:  Attach to window

Learn more about windows here.

Editor as a form's control

formData = [
    {type:"settings", labelWidth:90},
    {type:"editor", name:"band", label:"Band", value:"Motorhead"},
    {type:"editor", name:"title", label:"Title", value:"Smiling Like A Killer"}
myForm = new dhtmlXForm("myForm", formData);

Related sample:  Attach to form

Learn more about forms here.

Attaching to a pop-up window

myPop = new dhtmlXPopup({ toolbar: myToolbar, id: "workbut" });
myPop.attachEvent("onShow", function(){
    if (!myEditor) {
        myEditor = myPop.attachEditor(400, 200, {content:"Type some text"});

Related sample:  Attach to popup

Learn more about pop-up windows here.

Back to top