zx-editor
Version:
ZxEditor is a HTML5 rich text editor
63 lines (57 loc) • 1.47 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>ZxEditor - 移动端H5富文本编辑器</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #fff;
}
#editorContainer {
/*padding: 15px;*/
/*box-sizing: border-box;*/
}
</style>
</head>
<body>
<div id="editorContainer"></div>
<!--exif获取照片参数插件-->
<script src="../demo/libs/exif.min.js"></script>
<!--debug-->
<script src="../demo/libs/zx-debug.min.js"></script>
<!--编辑器-->
<script src="<%= htmlWebpackPlugin.files.chunks['zx-editor'].entry %>"></script>
<script>
// 实例化 ZxEditor
var zxEditor = new ZxEditor('#editorContainer', {
// 编辑器固定
fixed: true,
// 20秒自动保存一次编辑内容
autoSave: 20
})
// 实例化 ZxDebug
var debug = new ZxDebug({
// 位置居top
position: 'top',
// 位置偏移100px
offset: 10
})
debug.log('实例化 ZxEditor', zxEditor);
zxEditor.on('debug', function () {
debug.log.apply(debug, arguments)
})
zxEditor.on('error', function (err) {
zxEditor.dialog.alert(err.msg)
debug.error.apply(debug, arguments)
})
zxEditor.on('message', function () {
debug.log.apply(debug, arguments)
// console.log.apply(null, arguments)
})
</script>
</body>
</html>