42 lines
1.5 KiB
Markdown
42 lines
1.5 KiB
Markdown
|
# 简单的 demo
|
|||
|
|
|
|||
|
|
## 下载
|
|||
|
|
|
|||
|
|
- 点击 [https://github.com/wangfupeng1988/wangEditor/releases](https://github.com/wangfupeng1988/wangEditor/releases) 下载最新版。进入`release`文件夹下找到`wangEditor.js`或者`wangEditor.min.js`即可
|
|||
|
|
- 使用CDN：[//unpkg.com/wangeditor/release/wangEditor.min.js](https://unpkg.com/wangeditor/release/wangEditor.min.js)
|
|||
|
|
- 使用`bower`下载：`bower install wangEditor` （前提保证电脑已安装了`bower`）
|
|||
|
|
|
|||
|
|
*PS：支持`npm`安装，请参见后面的章节*
|
|||
|
|
|
|||
|
|
## 制作 demo
|
|||
|
|
|
|||
|
|
编辑器效果如下。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
代码示例如下。**注意，以下代码中无需引用任何 CSS 文件！！！**
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
<!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>
|
|||
|
|
```
|