我爱编程

好用的富文本编辑框wangEditor

2018-06-10  本文已影响712人  周六不算加班

最近项目中需要集成一个富文本编辑框。
一开始用的是百度富文本编辑框,但是前段不能使用,加上这个编辑框有点旧,就找了一个新的文本编辑框wangEditor,链接地址是http://www.wangeditor.com/
这个编辑框是纯js加css实现的,使用起来还是很方便的,比百度的要简单很多,前段用起来也没有问题。
下面就是使用的例子,可以作为参考,也可以去官网看下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="editor">
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>


<script type="text/javascript" src="/wangEditor-3.1.1/release/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.customConfig.uploadImgServer = '/upload'
editor.customConfig.uploadFileName = 'file'
// 进行下文提到的其他配置
// ……
// ……
// ……
editor.create()
</script>
</body>
</html>

上一篇下一篇

猜你喜欢

热点阅读