从0到1实现一款在线合同编辑器

主要观点总结

本文介绍了合同编辑器的开发过程，包括前端技术实现和后端技术接入。编辑器具有组件自由拖拽、富文本编辑、使用变量、文本选择、编辑区与操作栏分离、预览功能和生成PDF等功能。通过开发合同编辑器，可以实现后续合同的完全线上化，降低维护成本。

关键观点总结

关键观点1: 合同编辑器的功能特点

包括组件自由拖拽、富文本编辑、使用变量、文本选择、编辑区与操作栏分离、预览功能和生成PDF等功能。

关键观点2: 前端技术实现

使用了vue.js、tinymce、element-plus等技术，解决了文本选择、编辑区与操作栏分离等问题。

关键观点3: 后端技术接入

采用nodejs和puppeteer生成PDF，解决了打印时字体瑕疵问题。

关键观点4: 合同编辑器的意义

实现后续合同的完全线上化，极大地方便后续合同内容的变更，降低维护成本。