发表于: 2016-09-16 23:23:34

0 1693


今天完成的事:

1. Task5Task6完成。

2.试了两种富文本编辑器:

  (1). NicEdit, 轻量级,功能比较少,使用方法相当简单,只需要调用一个nicEdit.js文件和一张nicEdit所需要的icon图即可,在html里加下面几行代码就行:
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<textarea name="area1" cols="40"></textarea>
<script type="text/javascript">
    bkLib.onDomLoaded(nicEditors.allTextAreas);
</script>
官网地址:http://nicedit.com/index.php
下载的时候可以定制自己所需要的按钮,但是总体的功能也就那么多。要清除一些js写到内联样式的默认样式,要在CSS里面用!important覆盖,js文件翻了一下没有翻到在哪设置。提取内容和设置内容没有去研究。
       Task5效果:http://119.10.57.69:880/jnshu042/jstask/test.html


         (2). 百度富文本编辑器UEditor,功能很强大,文档非常详细 http://fex.baidu.com/ueditor/
添加以下代码到html文件里想加入编辑器的地方
<script id="container" name="content" type="text/plain">
        这里写你的初始化内容
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
getContent setContent 方法可以设置和读取编辑器的内容
var ue = UE.getContent();
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
    //设置编辑器的内容
    ue.setContent('hello');
    //获取html内容,返回: <p>hello</p>
    var html = ue.getContent();
    //获取纯文本内容,返回: hello
    var txt = ue.getContentTxt();
});

         Task5效果:http://119.10.57.69:880/jnshu042/MYTASK.html


明天计划的事:

1. 开始TASK7


今天遇到的问题:

1. input radio根据value值来处于选中状态今天在余良师兄的帮助下搞定,当选择器是变量时,要在变量前后加上 + 号,如下:

$("input[name = job][value = "+ details.type + " ]").attr("checked",true);
2. .oath>div:nth-child(4).oath div:nth-child(4)的区别,前者就是只是.oath的第四个子div,后者除了.oath的第四个子div,该子div的第四个子div也会被选中
3. 修改学员信息PUT方法失败,是url地址错了,正确的写法:url:"/a/student/"+ details.id

 

收获:

以上


返回列表 返回列表
评论

    分享到