• 今天完成的事情：

• 1、学习了wangEditor的使用。主要通过官方文档。

• 2、将富文本编辑器和angular结合，使得数据实现双向绑定。

  3、编辑内容时，将获取的数据渲染在页面中（“说明内容”则渲染在富文本编辑器中）。

  • 
    

  • 明天计划的事情：
    

• 1、完善任务，包括侧边栏展开状态的保持，退出登录的功能。

• 2、准备小课堂。

• • • 遇到的问题：
      

• 1、在使用富文本编辑器的时候，开始把单独写成了一个指令文件用懒加载来执行，发现这条指令不会被执行，一刷新这条指令有可能被执行，有时候不执行，迷之bug。后来把这条指令和控制器放在了一个js文件中，发现显示正常。不是很懂。估计是不是和执行顺序有关。

• 
  

• 收获：
  

• 1、wangEditor可以自定义菜单：普通的自定义菜单只需加上自己想要的功能。这些操作必须在 editor.create() 方法之前。

• // 普通的自定义菜单
  editor.config.menus = [
      'source',
      '|',     // '|' 是菜单组的分割线
      'bold',
      'underline',
      'italic',
      'strikethrough',
      'eraser',
      'forecolor',
      'bgcolor'
  ];

  如果是要在原有的基础上去掉几个功能的话，用如下写法：

  // 仅仅想移除某几个菜单，例如想移除『插入代码』和『全屏』菜单：
  // 其中的 wangEditor.config.menus 可获取默认情况下的菜单配置
  editor.config.menus = $.map(wangEditor.config.menus, function(item, key) {
      if (item === 'insertcode') {
          return null;
      }
      if (item === 'fullscreen') {
          return null;
      }
      return item;
  });

2、学会了‍‍contenteditable属性，这个H5的·新属性规定是否可编辑元素的内容。可以将div或者其他的元素变成可编辑区域。‍

3、通过编辑器指令实现双向绑定，对ng-model有了一些了解。ng-model这个对象包含很多属性和方法：

$viewValue为视图值，即显示在视图（页面）的实际值（就是上面例子中input输入框的值）

$modelValue为模型值，即赋给ng-model的值（与控制器绑定的值）

两者不一定相等，因为$viewValue同步到$modelValue要经过一系列的操作（经过三个管道）。

虽然大多数情况下两者是相等的。