文本编辑器

扩展组件 » TextEditor

创建 文本编辑器

从标记开始创建

使用javascript创建

属性

属性继承自dialog，新增属性如下.

名称

类型

描述

默认

name

string

表单字段名称

toolbar

array

文本编辑器工具栏

['bold','italic','strikethrough','underline','-','justifyleft','justifycenter','justifyright','justifyfull','-','insertorderedlist','insertunorderedlist','outdent','indent','-','formatblock','fontname','fontsize']

commands

object

定义命令

代码实例:

$.extend($.fn.texteditor.defaults.commands, {

'bold': {

type: 'linkbutton',

iconCls: 'icon-bold',

onClick: function(){

$(this).texteditor('getEditor').texteditor('execCommand','bold');

}

}

});

事件

事件继承自dialog

方法

方法继承自dialog，如下是新增方法

名称

参数

描述

options

none

返回options属性

execCommand

cmd

执行一条命令

getEditor

none

获取编辑对象

insertContent

html

在当前光标位置插入HTML。

destroy

none

销毁编辑器

getValue

none

获取编辑器的值

setValue

html

设置编辑器的值。

disable

none

禁用文本编辑器组件。

enable

none

可使用文本编辑器组件。

readonly

mode

设置是否制度模式。

下载EasyUI扩展:

jquery-easyui-texteditor.zip