jsUI-HTMLEdit
var myeditor = new Object();
myeditor = htmleditNew("myeditor", "default", null, null);
myeditor.loadHTMLFile("document.htm");
myeditor.getHTML();
The jsUI-HTMLEdit control creates an IFRAME object, and modifies it to contain methods and properties that provide HTML editing functions to be used in both IE and Mozilla.
jsUI-Global/common.js
jsUI-Global/uiCommon.js
jsUI-HTMLEdit/component.js
index.htm
The DOM object that the IFRAME has been appended to.
alert (myeditor.htmleditParent);
DOM Object. This property is assigned on instantiation and is read only.
Gets or sets the string value representing the path to the root of the jsObjects directory. Used for calculating style and image file paths. Initially set during instantiation.
myeditor.rootDir = "http://localhost/libraries/jsobjects";
http://<server>/jsObjects
String. This value only needs to be set if jsObjects is installed in a custom location.
Sets or gets the last file path opened by the user
myeditor.lastPath = "http://myserver/users/home/index.htm";
Read/Write. This value will be updated whenever a file is opened by the user.
Sets or gets the last URL entered by the users
myeditor.lastLink = "http://myserver/users/home";
Read/Write. This value will be updated whenever a link is created by the user.
Sets or gets the last image path entered by the users
myeditor.lastImage = "http://myserver/users/home/pic.jpg";
Read/Write. This value will be updated whenever an image is inserted by the user.
Creates the editor IFRAME in the specified parent, and attaches the components members to the empty Javascript object. The IFRAME will fill 100% of the parents available height and width.
Required. The name for the new editor. Must match the name of an empty Javascript object to contain the control.
Optional. The name of the CSS (excluding the extension and path) file to use for the HTMLEditor. If left blank, "default" will be used.
Optional. The DOM object to attach the IFRAME to. If empty the IFRAME will be appended to document.body.
Optional. The path to the root of the jsObjects directory. If left blank, the default path will be used.
var myeditor = new Object();
myeditor = htmleditNew("myeditor", "default", document.getElementById("divEditor"), "../jsobjects");
The htmledit object.
This is the only method that does not appear to be a member of the object -- because the object can't have members until it's instantiated. A blank object is created and will be filled with the jsUI-HTMLEdit members.
Used to obtain the HTML markup for the contents of the editor window.
myeditor.getHTML();
String. The HTML contents of the editor window.
Used to obtain the HTML markup, encoded for XML transmission, for the contents of the editor window.
myeditor.getEncodedHTML();
String. The HTML contents of the editor window with tags encoded to their entities.
Used to obtain the plain text contents of the editor window as a string.
myeditor.getText();
String. The plain text contents of the editor window.
Loads an HTML document into the editor from a string.
The string containing the HTML to load into the editor.
myeditor.loadHTML("<html><body>Hello World!</body><html>");
Nothing
Loads an HTML document into the editor from a URL.
The path to the HTML document to load.
Nothing
myeditor.loadHTMLFile("documents/file.htm");
If the file to be loaded is located on another host (or hostname) than the page containing the editor, the browsers security settings may prevent the load.
Switches the editor view between WYSIWYG and mark-up mode.
myeditor.toggleView()
Changes the style of the text at the selection.
The style to apply. Uses standard HTML (not CSS) styles, including...
normal
bold
italic
underline
strikethrough
subscript
superscript
insertorderedlist
insertunorderedlist
indent
outdent
justifycenter
justifyfull
justifyleft
justifyright
myeditor.changeStyle("italic");
Changes the font of the text at the selection.
The font, by name, to apply.
myeditor.changeFont("Arial");
Since different systems may have different fonts installed, it is recommended that the external interface present only web-safe fonts as available options.
Changes the font size of the text at the selection.
The font size to apply. Sizes 1 through 5, where 1 is small and 5 is large.
myeditor.changeSize("2");
Changes the paragraph format of the text at the selection.
The format to apply. Use H1 through H5.
myeditor.changeSize("2");
Changes the font colour of the text at the selection.
The HEX or name value for the colour to apply.
myeditor.changeColor("red");
Turns the selected text into a hyperlink to the specified path.
The path to link to.
myeditor.insertLink("http://www.google.com");
Inserts an image into the editor at the selection.
Required. The URL to the image to insert.
Optional. The width to constrain the image to.
Optional. The height to constrain the image to.
Optional. The alignment for the image. Same as for an HTML IMG tag.
myeditor.insertImage("http://myserver/images/pic.jpg", "50", "50", "absmiddle");
Inserts a DOM object into the editor.
The object to insert.
var newspan = document.createElement("span");
newspan.innerHTML = "this is a span";
myeditor.insertElement(newspan);
Fires when the user right clicks in the editor to allow external code to present a contextual menu.
myeditor.oncontextmenu = showMyMenu();