上海前端兼职程序员外包

需求描述

编辑器具体功能要求

简述：需要实现一个web页面编辑器插件，满足编辑、修订、批注和标注等功能（和word类似），需要满足相应的页面展示和数据回调要求。该插件的主要用在作业批改等教学场景，学生可以编辑书写作业，教师可以批改作业，学生可以查看批改的痕迹等。相应的后端逻辑和接口已实现。可以在现有的开源编辑器基础上进行修改。

一、编辑器分为预览模式、编辑模式和修订模式。要求三种模式均为打开页面时根据场景自动开启，而非在页面手动点击开启。
1. 学生写作业时为编辑模式，学生可以使用编辑器完成作业，该模式是最普通的模式，包含编辑器的基本编辑功能（输入、删除、复制粘贴、撤销等）即可。
2. 教师在批改学生作业时是修订模式，该模式下任何修改都会留下修改痕迹：新添加的内容自动以下划线表示；删除的内容自动添加删除线；修改内容时则对要修改的内容先添加删除线，对新增的内容以下划线表示（实质上是删除和添加模式的叠加）。
三种模式均伴有气泡提示。
修订模式支持撤销。可直接删除修订时添加的文字；右击修订时删除的文字（有删除线）可以撤销删除，或者可以点击气泡上的删除按钮。
同时修订模式下还可以对学生的作业进行批注和标注等。
3. 学生在查看教师的批改时为预览模式，该模式下无法进行任何修改，也无法删除老师的修订、批注和标注等信息。但可以查看到教师的所有批改情况（包括修订痕迹、批注和标注）
二、批注和标注
1. 批注。
A. 选中文中的内容，右键弹出批注的选项，然后弹出相应的输入框，输入内容后，选中的原文将高亮同时批注将以一定形式显示（尽量将批注与原文分离，像Word审阅模式那样统一显示在右侧列表，或以气泡形式显示）。
B. 批注可删除或编辑。删除方式越简单越好，例如气泡右上角显示“×”，点击可直接删除。如教师需要修改原来的批注，可直接点击批注进行编辑，或者点击气泡右上角的“编辑按钮”。
C. 支持在不选中文字（空格）时添加批注，即直接光标处右键添加批注。
D. 支持在对文字进行修订的基础上添加标注，或者在添加标注的基础上对文字进行修订，支持同一文字可多次标注。
若不清楚以上表述，可参考 http://sdk.51changxie.com/integrateOffice 在demo里勾选修订和批注即可查看相关示例。
2. 标注。标注的样式基本与批注相同，只是将输入批注的输入框，改为下拉的选择框。标注同样支持删除和修改（选择不同的批注替换掉原有批注）。选择框内标签数据由后台接口提供，同时前端支持模糊搜索（拼音首字母）。标签选择支持多选，形式可以参考formselect多选。（https://hnzzmsf.github.io/example/example_v4.html#select_linkage）
四、保存和回调。
1. 文章在页面关闭时自动保存，点击保存时也可保存，最好能同时实现文章的实时保存。
2. 传入后台的数据要包含文章的作者和文字信息；同时还要包含每个段落的段落号、批注信息、批注对应的选中的文字内容；包含每个段落的段落号、标注标签信息、标注对应的选中的文字内容。
3. 编辑器通过传入一个文件的url打开文章，url内的文件有word和txt两种格式。
4. 标注功能中的标签由接口传入，含标签和对应的拼音首字母。
5. 需要与springboot项目后端对接，上述功能相应的后端接口已具备，具体接口标准见后续文件。