各位大佬,小弟最近接手了一个项目,是一个 TXT 文档的在线编辑器,使用基于 Vue2 的 Element UI 2.0.
编辑器的部分直接用了一个el-input
,具体如下所示:
<el-input v-model="book.content" type="textarea" :autosize="{ minRows: 10, maxRows: 30 }"/>
现在的问题是当这个 TXT 文档的内容量过大(字数超过 100000 后):
想请问各位大佬有什么优化这种卡顿问题的方法吗?
![]() | 1 asiasky 2024-04-11 09:26:56 +08:00 ![]() 用元素的 contnetEditable 属性做输入,https://caniuse.com/?search=contentEditable |
2 ZGame 2024-04-11 09:27:46 +08:00 换成 vscode ide 的编辑器内核 |
3 realJamespond 2024-04-11 10:52:11 +08:00 换第三方的 editor 试试,ckeditor |
![]() | 4 Kmmoonlight 2024-04-11 13:29:52 +08:00 https://prosemirror.net/examples/ ProseMirror 我们内网项目写脚本用这个 |
![]() | 5 luminousNcc OP @Kmmoonlight 感谢大佬,帮大忙了!这个性能确实快 |