search

Vanessa219 / vditor

♏ 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
https://b3log.org/vditor
MIT License
8.63k stars 882 forks source link

wysiwyg/ir 模式代码块编辑优化 #851

Open myrouin opened 3 years ago

myrouin commented 3 years ago

ir模式下代码块在编辑的时候非常头疼,若代码整整1000行, 那么编辑时默认的编辑模式会重新生成一个位置, 这样就导致之前定位到的行号要重新找,因为这个有问题的编辑模式,根本就无法显示行号...........

Vanessa219 commented 3 years ago

不太理解，请截图进行说明。

myrouin commented 3 years ago

不太理解，请截图进行说明。

QQ截图20201218034801 QQ截图20201218034956

myrouin commented 3 years ago

不太理解，请截图进行说明。

QQ截图20201218035316 QQ截图20201218035430

myrouin commented 3 years ago

不太理解，请截图进行说明。

测试发现 wysiwyg , 模式也是一样的问题

Vanessa219 commented 3 years ago

这个在考虑是否能像 typora 那样。如果改成那样的话就不会有现在的问题。还需要调研一下。

Hansanshi commented 3 years ago

个人感觉typora那样比现在vditor好一些，ir模式下vditor每次点击代码块就会多一块效果预览区，体验不太好

RiffraffLiang commented 3 years ago

这个在考虑是否能像 typora 那样。如果改成那样的话就不会有现在的问题。还需要调研一下。 每次点击代码块就会有两块相同的区域，一块是可编辑一块是预览区，代码量过多的时候会占用太多的位置，而且两块区域的显示差异不是很明显。感觉效果不是很好，可以考虑参考一下typora（可以说是很希望改成那样了~），希望作者大大可以考虑考虑

rustbomber commented 3 years ago

目前代码块的编码有些尴尬，会出现上下两个区域，一块是输入区，一个是预览区，操作起来很不方便，建议只转换后的内容。

yue1123 commented 3 years ago

我也觉得typora那种模式比较好一点,体验会更棒,希望可以改进, 👀

Hansanshi commented 3 years ago

这个有下文吗

Vanessa219 commented 3 years ago

应该是有的，还没想到好的解决方案

lihaixing commented 3 years ago
  1. 代码块缩进很影响体验呀，强烈建议赶紧修复一下
  2. ctrl+v粘贴代码块，ctr+shift+v才能正常粘贴，这俩快捷键最好换一下，不太符合一般人使用习惯
Hansanshi commented 3 years ago

我看 思源笔记不再分为可编辑区和预览区，请问vditor可以做到这个功能吗

Vanessa219 commented 3 years ago

实践后是可以做的。最近在写思源的新版编辑器，这个可能要再等等了

Hansanshi commented 3 years ago

⛽️

Hansanshi commented 2 years ago

这个有计划做吗

freemandealer commented 2 years ago

很赞的项目，用到现在目前就发现代码块这个地方有点别扭。作者调研后的方案可不可以分享出来，如果没时间亲自做的话，大家可以跟着方案尝试着撸一版

Vanessa219 commented 2 years ago

思源代码已开源 https://github.com/siyuan-note/siyuan ，欢迎参考后 PR。