发表于： 2017-06-30 23:39:12
2 989
今天完成的事情：富文本编辑器，编辑页面
明天的计划：点击日期的bug,上传图片的bug，提交编辑不能成功的问题，警告框的样式修改。各种bug，感觉要改一年
遇到的问题：服务和指令都不会写，也没有用上，controller里面有很多jq的内容。弱智的在重置里面写了display：flex,遇到这个controlller就爆炸了，改又不好改，
收获：富文本编辑器;
wangEditor
介绍
wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。
创建一个编辑器
下载
点击 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>
返回列表
评论