最近项目中需要集成一个富文本编辑框。
一开始用的是百度富文本编辑框，但是前段不能使用，加上这个编辑框有点旧，就找了一个新的文本编辑框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>
网友评论