发表于: 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的文件路径




返回列表 返回列表
评论

    分享到