2021-02-22

富文本编辑器的收获

编写富文本编辑器需要用到几个简单的HTML标签、几个基础的css样式即可展现一个漂亮的富文本编辑器页面，再添加一点儿JavaScript的代码，即可实现对文本的样式的添加。虽然这个任务比较简单，但是我还是在这个任务过程中，收获一下几点：

1.标签除了有它自己的属性，还可以添加程序员自己需要的属性，js获取标签自定义属性和获取标签自身带属性的方法一样，都是对象.属性的格式,当然考虑到浏览器的兼容性
2.contenteditable：该属性的功能是允许用户编辑元素中的内容，例如一个div标签设置该属性，鼠标单击后可随意编辑内容
3.execCommand方法是执行一个对当前文档/当前选择/给出范围的命令,可以执行复制、粘贴、删除、加粗等等操作
用法：document.execCommand("Copy",false,null);复制选中内容