发表于: 2017-06-30 22:56:32
2 1030
1、完成百度富文本插件的应用。
<div id="content" >
<!--富文本插件-->
<p class="contentP">说 明</p>
<script id="container" name="content" type="text/plain"></script>
</div>
中间<script>标签就是文本框的html试图位置,标签内可以加一些初始化文字。
2、获取文本框纯文字内容:
ue.getContentTxt()
给文本框内赋值:
ue.setContent()
直接使用无效,需要增加外套一个延时函数才行。
setTimeout(function () {ue.setContent(response.data.article.content);},1600)
查资料原因如下:
不能单独使用setContent(string,boolean);
必须是在创建好编辑器后才能使用,那么如何知道编辑器创建好并且准备好了呢?使用一下方法就可实现在编辑器中插入内容了:
$(function(){
var content =$('#daily_content').val();
//判断ueditor 编辑器是否创建成功
ue.addListener("ready", function () {
// editor准备好之后才可以使用
ue.setContent(content);
});
});
3、其他从来调整了富文本框的位置大小匹配网页,下面的元素路径标签改为隐藏模式。
4、优化了一些代码
下拉菜单使用value值,更好的匹配后端数据,避免转义。
<option value="0">首页banner</option>
。。
<option value="3">行业大图</option>
params={
title:$scope.title,
type:Number($scope.type), //强制转换为数字
status:status,
content:ue.getContentTxt(),
。。。
industry:Number($scope.industry) //强制转换为数字
}
需要增加Number强制转换为数字类型,否则后端无法识别。
同理编辑页面中,文本框赋值函数,需要增加toString函数。
$scope.type=response.data.article.type.toString();//强制转换为str格式匹配input的value值
收获:部分代码的优化方式模式,富文本插件的应用。
困难:提交按钮,disabled属性。主要是在上传文件框没法直接用required判定,文件预览框是div属性,无法双向绑定数据,直接操作节点判断的话,无法实时刷新判断。
计划:继续改代码,几个剩下的小bug解决掉。
评论