发表于: 2017-06-30 22:56:32

2 1030


1、完成百度富文本插件的应用。

<div id="content" >
   <!--富文本插件-->
   <p class="contentP">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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解决掉。


返回列表 返回列表
评论

    分享到