HLuseEditor的进阶使用方法

本文介绍HLuseEditor的个性化配置方法

更新于: 2023-04-30 14:28:22 查看: 468

发布于: 2021-9-14 14:05 发布者: 大米

进阶初始化方法：

HLE.init('editorid', {
            width: "100%",
            height: "360px",
            lang: "zh-CN",
            externalSkin: "",
            autoFloat: 1,
            inlinebar: !1,
            zIndex: 1020,
           autoHeight: !1,
           startitem: ["bold", "horizontal", "orderedList", "unorderedList", "|", "center", "left", "right"],
	   enditem: ["fullscreen", "about"],
           basecolor: ["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"],
           backcolor: ["f2f2f2", "7f7f7f", "ddd9c3", "c6d9f0", "dbe5f1", "f2dcdb", "ebf1dd", "e5e0ec", "dbeef3", "fdeada"]
})

参数说明:

#参数名称默认值参数解释
1width100%设置编辑器宽度，若不设置，则编辑器宽度自适应
2height360px设置编辑器高度
3langzh-CN使用的语言,对应语言包的相应文件夹，程序本身只提供简体中文支持，
其它语言请自行翻译
4externalSkin额外CSS文件，如果需要
5autoFloatTRUE工具栏是否浮动 true / false
6inlinebarFALSE工具栏是否单行模式，单行模式下超出范围水平滚动显示 true / false
7zIndex1020全屏模式下的zIndex，以便遮蔽其它元素
8autoHeightFALSE编辑框是否自动增长true / false
9startitem ["bold", "horizontal", "orderedList", "unorderedList", "|", "center", "left", "right"]工具栏前部工具，详见： 工具栏说明
10enditem ["fullscreen", "about"]工具栏前部工具，详见： 工具栏说明
11basecolor["c00000", "ff0000", "ffc000", "ffff00", "92d050", "00b050", "00b0f0", "0070c0", "002060", "7030a0"]文字颜色的快捷设置预置颜色
12backcolor ["f2f2f2", "7f7f7f", "ddd9c3", "c6d9f0", "dbe5f1", "f2dcdb", "ebf1dd", "e5e0ec", "dbeef3", "fdeada"]文字背景颜色的快捷设置预置颜色
以上参数都可以省略，或者只使用其中的一部分

JavaScript代码操作编辑器的内容：

HLE.set(html);//可以将HTML代码直接填充到编辑器里面，这个可以用于修改或者实时加载内容到编辑器

HLE.insertText(html);//可以将HTML代码插入到编辑器里面，这个可以用于插入自己程序的内容

HLE.show();//将textarea中的内容同步显示到编辑器里面，这个用于通过JavaScript变更textarea中的内容后，将内容同步到编辑器

扫描二维码，手机查看
声明：部分数据/图片来源互联网，不代表Hluse Doc.,真实性请妥善甄别。
收藏 邀请