文本编辑器的实现思路

clipboard.png

如图所示的文本编辑器实现思路是怎样的?(用vue来搞)

尝试过的方案:
1、markdown,缺点:要使用markdown的语法来搞,而客户希望直接赋值粘贴进代码就可以点击按钮预览来看效果
2、textarea+原生js,可以实现如图效果,但是文本域的行数该如何实现呢?(很想通过这种方案来转变成vue绑值实现,可是一直卡在行数显示的问题上了~<{=。。=)

有木有做过类似需求的小伙伴,帮忙提供下思路,插件或者其他解决方案?再次感激不尽啊Ծ‸Ծ

阅读 2.4k
2 个回答

其实行数的显示很简单。。。
不就是个css吗。。。

clipboard.png

div加属性contenteditable可编辑,粘贴复制的行数就有了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题