发表于: 2016-08-11 23:01:46
0 2184
今天完成的事:捣鼓了一波百度的富文本编辑器,学习angular js
明天要做的事:学习angular
收货:
插入百度富文本的步骤如下:
首先引入百度ue或者是项目中的ud均可以
1
//配置文件
<script src="vendor/um/umeditor.config.js"></script>
//主题文件
<script src="vendor/um/umeditor.min.js"></script>
//汉语转化
<script src="vendor/um/lang/zh-cn/zh-cn.js"></script>
//css文件
<link rel="stylesheet" href="vendor/um/themes/default/css/umeditor.css">
2
//在页面中插入下面的代码,其中style是设置样式
<script id="editor" type="text/plain" style="width:700px;height:260px;"></script>
3
在Js页面中实例化富文本编辑器
var ue = UM.getEditor('editor');
4
调用富文本编辑器的一些方法
$scope.addwish = UM.getEditor('editor').getPlainTxt();//获取纯文本
vm.um.setContent(vm.students.wish);//插入获取的数据
5
其中需要注意的是可以去富文本的config文件中去进行面板内容的设置
其中最容易忽略的事引入的地址,
window.UMEDITOR_HOME_URL="/vendor/um/";
要看清你存放富文本js的文件路径
评论