Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

改进行级代码、键盘和标签元素边界编辑交互 #5595

Closed
88250 opened this issue Aug 7, 2022 · 19 comments
Closed

改进行级代码、键盘和标签元素边界编辑交互 #5595

88250 opened this issue Aug 7, 2022 · 19 comments
Assignees
Milestone

Comments

@88250
Copy link
Member

88250 commented Aug 7, 2022

目前在代码左右边界上新增字符不会纳入代码。有两个方案可以考虑:

  • Notion 方案:第一次编辑不纳入,Backspace 后再打字纳入

    issue

  • 语雀方案:使用零宽空格区隔

    issue

语雀的方案对用户更直观一些。

@88250 88250 modified the milestones: backlog, 2.1.7 Aug 7, 2022
@88250 88250 changed the title 改进代码元素边界编辑 改进代码元素边界编辑交互 Aug 7, 2022
@AugustTuan
Copy link

语雀的确实更直观,顶

@88250 88250 modified the milestones: 2.1.7, 2.1.9 Aug 11, 2022
@AugustTuan
Copy link

AugustTuan commented Aug 21, 2022

不光代码块吧, 其他凡是有格式的,变颜色,斜体呀,黑体呀,
只要在附近打字,输入法提示就会变色或者加粗,但是真正打出来的字却是正常格式
觉得这种交互方式怪怪的,既然打出来的字是没有格式的,为什么输入法提示却弄得好像会有格式一样
image
image

image
image

@88250
Copy link
Member Author

88250 commented Aug 22, 2022

这个改进有点困难,只能延后考虑了。

@88250 88250 removed this from the 2.1.9 milestone Aug 22, 2022
@88250 88250 removed the Enhancement label Aug 22, 2022
@88250
Copy link
Member Author

88250 commented Sep 17, 2022

#2911 中我们改进了大部分行级元素的编辑交互,行级代码通过 Markdown 编辑有两种方式:

  • 通过 ` 进行闭合标记符后再写代码内容,然后通过 Ctrl+G 跳出
  • 通过 ` 起始标记符后写代码内容,然后通过 ` 闭合后就可以继续写非代码内容
issue.webm

当然,更方便的方式是直接通过 Ctrl+G 快捷键切换行级代码和普通文本。

边界上暂时不改变了,后续如果还有需求我们再考虑。

@88250 88250 closed this as completed Sep 17, 2022
@Temacc0531
Copy link

Temacc0531 commented Sep 26, 2022

感觉现阶段(v2.2.1)的行级元素边界比以前有很大改进,但当输完闭合符号退格或是从后往前输闭合符号后都只能使用快捷键才能跳出,但大部分用户还是习惯键、键跳入跳出,如果始终有元素边界应该会好很多,比较符合直觉
test6

@88250
Copy link
Member Author

88250 commented Sep 26, 2022

@Temacc0531 左右键跳出应该不是大部分用户的习惯吧。

@Temacc0531
Copy link

Temacc0531 commented Sep 27, 2022

用左右键应该是要比快捷键来的多的😂,因为不同元素使用的快捷键还不太一样,左右键的话直观所有元素都通用。其实重点应该不是用什么键的问题,是如何保持元素边界的操作直观统一,按现在的有些边界不使用快捷键也可以自由进出,有些又只能使用快捷键才能跳出,许多用户都误以为是遇到了bug,如果有了类似语雀/FlowUs的边界后会直观很多

@88250
Copy link
Member Author

88250 commented Oct 1, 2022

大家应该都比较习惯类似语雀的处理方式,我们再考虑看下 https://ld246.com/article/1664451020956

@88250 88250 reopened this Oct 1, 2022
@88250 88250 added this to the backlog milestone Oct 1, 2022
@iamqiz
Copy link
Contributor

iamqiz commented Oct 1, 2022

@Temacc0531 左右键跳出应该不是大部分用户的习惯吧。

Snipaste_2022-10-01_14-00-35

左右键跳出是最自然的跳出方式,也应该是最基本的跳出方式了,
如果能在这个基础上增加 Tab键/enter键跳出, 那就更好了
,用组合键ctrl+G 应该是最麻烦的一种方法了
建议D大开个投票, 不出意外,左右方向键跳出方式应该完胜

@AugustTuan
Copy link

AugustTuan commented Oct 1, 2022

现在每次打一个标签块,或者行内代码块,后面输入的文本也跟着改样式了,只能用组合快捷键主动断开,这点超级打断人。 让我现在都只敢在文字全部码完以后再进行样式修改。

标签和代码块,本身就是对特定的文字进行标注的,标签还有重复使用的特点。

比如我 #问题 这个标签,我会重复打标签,而且标签的文本 就是固定的这两个字。
或者 对一段行内代码 ctl+G,后面输入的中文肯定不在行内代码的范围里。

但是现在,我 #问题 后面打上“xxxxxxx” ,这些文字也会跟着变成标签了。原来一个快捷键就可以增添样式,现在需要两个快捷键,增添样式,再主动中断样式。

@88250 88250 removed this from the backlog milestone Oct 4, 2022
@88250 88250 added this to the 2.3.1 milestone Oct 4, 2022
88250 added a commit to 88250/lute that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
88250 added a commit that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
88250 added a commit to 88250/lute that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
88250 added a commit that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
@88250 88250 changed the title 改进代码元素边界编辑交互 改进行级代码、键盘和标签元素边界编辑交互 Oct 8, 2022
88250 added a commit to 88250/lute that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
88250 added a commit that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
@88250 88250 closed this as completed Oct 8, 2022
88250 added a commit to 88250/lute that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
88250 added a commit that referenced this issue Oct 8, 2022

Unverified

This user has not yet uploaded their public signing key.
@Zuoqiu-Yingyi
Copy link
Contributor

@Vanessa219 上标与下标元素的边界也应支持使用左右方向键控制光标跳入/跳出

@AugustTuan
Copy link

@Vanessa219 上标与下标元素的边界也应支持使用左右方向键控制光标跳入/跳出

附议

@Vanessa219
Copy link
Member

这个和粗体一类就不跳出了。

@Zuoqiu-Yingyi
Copy link
Contributor

这个和粗体一类就不跳出了。

粗体这些跳出前后没法分辨, 但是上下标可以呀~

@Temacc0531
Copy link

Temacc0531 commented Oct 15, 2022

我也觉得上下标应该支持边界跳出,要不然分界处修改起来非常麻烦

@Achuan-2
Copy link
Member

Achuan-2 commented Nov 24, 2024

我也觉得上下标应该支持边界跳出,要不然分界处修改起来非常麻烦

+1,上下标的边界样式是很明显的,也应该做支持跳出

@TCOTC
Copy link
Contributor

TCOTC commented Nov 24, 2024

确实

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

9 participants