富文本

富文本控件基于 CKEditor 封装，提供所见即所得的文本编辑功能。

属性

sg-height

• 说明：编辑器高度，支持 px、百分比、rem 单位
• 类型：string
• 默认值：""

示例:

"sg-height":"400px"

sg-render

• 说明：自动渲染。不填则默认自动初始化；填 0 或 false 则需调用 renderCKEditor 方法手动初始化
• 类型：string
• 默认值："1"

示例:

"sg-render":"0"

方法

renderCKEditor

手动初始化 CKEditor 控件。

语法:

renderCKEditor(html_id, config)

参数:

参数名	类型	必填	说明
html_id	string	是	控件 id
config	Object	否	配置参数，请参考 CKEditor 配置示例 和 CKEditor 官方文档

示例:

// 手动初始化富文本编辑器
renderCKEditor("editorBox", {
  // 配置参数参考 CKEditor 文档
});

getValueById

获取富文本编辑器内容。

语法:

getValueById(html_id)

参数:

参数名	类型	必填	说明
html_id	string	是	控件 ID

返回值:

返回内容的 HTML 字符串。

示例:

// 获取编辑器内容
var html = getValueById("editorBox");
console.log(html);

setValueById

设置富文本编辑器内容。

语法:

setValueById(html_id, html)

参数:

参数名	类型	必填	说明
html_id	string	是	控件 ID
html	string	是	内容

示例:

// 设置编辑器内容
setValueById("editorBox", "<p>这是富文本内容</p>");

getCKEditor

获取 CKEditor 控件对象，可参照官方文档对控件进行操作。

语法:

getCKEditor(html_id)

参数:

参数名	类型	必填	说明
html_id	string	是	控件 ID

返回值:

返回 CKEditor 控件对象，可参考 CKEditor 官方文档 进行操作。

示例:

// 获取 editor 对象并操作
var editor = getCKEditor("editorBox");
// 调用 CKEditor API
editor.insertHtml("<p>插入的内容</p>");