01-demo.md 1.5 KB
简单的 demo
下载
- 点击 https://github.com/wangfupeng1988/wangEditor/releases 下载最新版。进入
release文件夹下找到wangEditor.js或者wangEditor.min.js即可 - 使用CDN：//unpkg.com/wangeditor/release/wangEditor.min.js
- 使用
bower下载：bower install wangEditor（前提保证电脑已安装了bower）
PS：支持npm安装，请参见后面的章节
制作 demo
编辑器效果如下。
代码示例如下。注意，以下代码中无需引用任何 CSS 文件！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>wangEditor demo</title>
</head>
<body>
<div id="editor">
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>
<!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#editor')
// 或者 var editor = new E( document.getElementById('#editor') )
editor.create()
</script>
</body>
</html>