wijeditor jQuery Widget

Author and manage HTML content on your web page in an intuitive, Microsoft Word-like editor that allows you to edit in your preferred style: design, source code, or split view.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    var options; // Type:  wijmo.editor.wijeditor.options
     
    $(".selector").wijeditor(options);
});

function wijeditor() : any;

Options

	Name	Description
	compactRibbonMode	Default value: false If the compactMode option is true and ribbon is not simple,it will show compact ribbon although the editor is full width.
	customContextMenu	Default value: true Determines whether the custom context menu is shown.
	editorMode	Default value: 'wysiwyg' Set the type of editor to show initially.
	fontNames	Default value: [] The fontNames option specifies the list of font name which will be shown in the font name drop down list. Use the option to customize font names.
	fontSizes	Default value: [] The fontSizes option specifies the list of font size which will be shown in the font size drop down list. Use the option to customize font sizes.
	fullScreenContainerSelector	Default value: "" Set to the selector that returns the container to fill when the user selects full screen mode.By default, it fills the client's area on the web page.
	fullScreenMode	Default value: false Set this option to true to show the editor in full screen mode when the page is first opened.
	localization	Default value: null Use the localization option in order to localize text which not depends on culture.
	mode	Default value: 'ribbon' Specify which toolbar to render. Ribbon and simple modes allow you to customize the toolbar.
	readOnly	Default value: false Determine if wijeditor is in readonly mode
	showFooter	Default value: true Specify whether to show the footer at the bottom of the editor, where users can toggle full screen mode, word wrap, and view mode.
	showPathSelector	Default value: true Select whether to show the path selector in the left side of the footer.
	simpleModeCommands	Default value: null Specify an array of commands to display in customizing the simple toolbar.
	text	Default value: null Set the text that appears in the editor.

Top

Methods

	Name	Description
	destroy	Remove the functionality completely. This will return the element back to its pre-init state.
	getText	Gets the text displayed in the editor.
	refresh	Adjust the editor layout.
	setText	Sets the text to display in the editor.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	commandButtonClick	Occurs when the command button is clicked.
	textChanged	Occurs when the text changed.

Top

Widgets

Editor

Reference

wijeditor jQuery Widget