分类
Javascript

处理富文本回车换行

上一篇文章,我们通过一个富文本组件并为其自定义了v-module,使其像表单元素一样支持双向数据绑定。但还有不小问题。比如输入回车换行,会在文本上包裹html标签。Chrome中是div,IE中是p,Firefox中是br。当然这些附加的标签在浏览器中显示是Ok的,但有的终端是不支持html标签的,因此得转换它们。

分类
Javascript

自定义富文本的v-model

为什么要自定义富文本?因为常用的文本域不支持自适应文本高度,看了几个解决方案,界面会闪烁,用户体验不好。最为关键的是,文本域不能插入html标签不支持html渲染。能满足这两个需求的开源编辑器倒是不少,像ueditor、CKeditor,但一般比较重,有些杀鸡焉用牛刀的感觉。下面就用vue来写一个轻量级的富文本组件,并让它支持v-model双向数据绑定。

分类
Javascript

开发在线文本编辑器

最近用到百度的UEdior,觉得好强大,看了下它的源码,想想自己该怎样开发一个在线文本编辑器。如果不考虑兼容IE8之类的老浏览器,使用HTML5之后被各个浏览器广泛支持的一些技术方法来开发也没有想像的那么难。