resume
resume copied to clipboard
visiky
[feature] 简历部分内容标注/高亮
问题背景
我希望面试官在看到我的简历时立刻能看到我最想表达的亮点，在这种情况下希望简历可以进行内容标注功能
预期效果
可以对选中的内容进行高亮/标注
预期实现
通过右键弹出菜单的方式实现
具体技术方案
方案一
方案一的简述是通过windpw.getSelection()这个API进行浏览器文本选择及替换。
我的具体实现方式我提了一个PR，在其中讲了
- https://github.com/visiky/resume/pull/74
方案二
由于Selection会涉及多个节点，在选择多节点时表现出强烈的不稳定性，经过整理或许还可以通过如下方案实现。
- 利用浏览器本身的Selection特性，不做节点替换，只做样式调整。举个例子，对于选中的范围，对其上层节点添加
class=sign以期望实现.sign:: selection{} - 通过SelectionAPI持续修改selection的范围而不是替换节点
这个方案目前没有正式实验，预估存在问题
- Selection的特性是点击页面其他位置取消选中，怎么取消这个规则的同时不影响其他选中行为
- ::selection只支持color、background、cursor 以及 outline，可胜任的场景是否足够
标注后的内容存储在哪？
每次标注都会产生一个effect，每一个effect都是可序列化的
我期望中是JSON.stringfy后存储在config.json中的(新增)字段effectList或者mountEffectList中
