如何在网页前端搭建富文本编辑器？
之前用过 contentEditable 做过在线代码编辑器，但考虑到富文本的复杂度以及数据和视图分离，如何搭建一个接近 google docs 的富文本编辑器？
回答·19
最热
最新
- 我是开发 weboffice 的，有几年了，你这种需求，可以考虑用开源的在线文档软件，如果想写一个，要看需要哪些功能，后台要读取文件，解析，一个 word 文档里面涉及属性可能成百上千个不止，你都要了解它的作用，布局上需要，布局还要自己写算法适应不同对象，不同的布局类型，我们项目没什么框架可用（指 office 相关功能的实现），功能只能自己实现（因为是要给政府的国产软件），前端代码量有几百兆，人少了估计写不出来吧
- 1.基于 html，谷歌类似的都不开源，目前基于 html 的编辑器好实现，关键是分页，表格跨页拆分，元素拆分，造轮子涉及的东西太多了，mvc 或 mvvm 模型视图分离，undo 命令栈，树形深度优先算法，选区实现，各种设计模式，光标模拟，代理节点唤起输入法，如果用浏览器默认选区可以看一下 selection 和 range 了类，但是原生的选区光标如果进入到 block 或者 inline-block 元素时会出现上下键光标位置移动不准的情况 2.基于 svg 金山在线文档，实方式和 html 类似，难度稍大 3 基于 canvas 的 onlyoffice 选区和渲染必须自己实现 实现难度 1<2<3
- 已经这么内卷了吗？这怪不得海龟都不想回来了。。。
- 简单来说，不会， 多少预算和时间？ 给你三天，只有你一个人，来早一个看看
- 先把富文本编辑器的压缩包下载到本地,在我发布的资源里下载(不要积分) 解压之后主要是这个东西 把这个解压文件拖动到eclipse的项目里,拖进来之后有报错,别着急问题不大 我放在了:WebContent/resource/utf8-jsp 把utf8-jsp\jsp\lib路径下所有的jar
- 这么多轮子 你还想自己造？ 自己能造还当个普通程序员？
- 首先,需要安装它: npmiwangeditor-S 然后,需要在main.js中添加配置: importwangEditorfrom'wangeditor'; Vue.prototype.wangEditor= wangEditor
- 这你不得上插件。十个字
- .下载富文本编辑器的文件夹 把编辑器文件包放到自己的项目中 ① 引入3个核心js文件 ② 制作一个textarea文本域标签，里边有id属性 ③ 执行一行ueditor的js代码
- 你这不得上一堆插件 0000