cherry-markdown icon indicating copy to clipboard operation
cherry-markdown copied to clipboard

Dev:所见即所得开发

Open Tim-1e opened this issue 1 year ago • 2 comments

本次pr修正了hooksconfig以及preview中的两个bug,详见commit 并且在cherry.js中初步实现简单的所见即所得 主要流程: 1.为previewer提供contenteditable,并且禁用所有链接的contenteditable防止修改 2.通过mutation来对于preview模块下的html标签下的可修改content进行监控 当内容发生修改时,利用oldvalue与walkdom的历遍,匹配在html树中出现的位置,即第index次出现oldvalue 3.通过对于md源码修正,修改第index处的oldvalue为newvalue,完成基本所见即所得

TODO: 1.现在长文件下,修改preview区偶尔会产生错乱位移,重定位到开头,对应源码尚未查看,暂未修 2.增加新行或者在空行中增加新内容的功能尚未实现,与实现时原理有关,waiting for add

Tim-1e avatar Jul 04 '23 10:07 Tim-1e

完整版的所见即所得,强烈希望快点上线

FuAdmin avatar Nov 30 '23 08:11 FuAdmin

完整版的所见即所得,强烈希望快点上线

收到,不过保守估计完整版的所见即所得编辑还需要比较多的工作量,短期内来看预览区域的所见即所得编辑还不能像富文本编辑器那样。。。

sunsonliu avatar Nov 30 '23 12:11 sunsonliu