HandyEditor富文本编辑器首行缩进问题

  最近我在开发编辑弹窗中增加一个富文本编辑器功能时,我自己找了一些资料发现常用的富文本编辑器有wangEditor、ckEditor、ueditor等等,发现自己用不习惯。找到一款自己喜欢的富文本编辑器HandyEditor。
  不过后来发现这个编辑器中的缩进只能整个段落缩进,不是很好用。后来前端的同事说可以通过添加样式的方式显示首行缩进,这是个不错的思路,因此找了一些源码在其中添加了一段代码以后就可以了。
  在HandyEditor.min.js中找到HandyEditor_editor这一行,添加ediv.style.textIndent = "27px"这个样式。具体见下图。
HandyEditor富文本编辑器首行缩进问题_第1张图片
HandyEditor富文本编辑器首行缩进问题_第2张图片
在这里插入图片描述
  希望可以帮助到需要首行缩进功能的小伙伴,自己也记录一下。

你可能感兴趣的:(前端日记)