论坛的markdown编辑器有两个影响使用的设计
← 返回列表

当前位置: 作者:unkman · 2026-07-09 04:35:55

#1 unkman · 2026-07-09 04:35:55
stalltrix

1.问题1



排版过长了后,右侧渲染界面与左测输入严重不对齐。并且还不能单独滑动一侧页面以人工对齐




2.问题2



写帖子的过长后,似乎临时token会过期,这时候发帖会提示“格式错误”

虽然这种时候刷新一下编辑器页面就好的。但是我差点以为发帖成功了,直接退出编辑器,还好没有,否则帖子就丢失了。




感觉这个两个问题应该改进下。
#2 高ping战士 · 2026-07-09 04:49:57
stalltrix
我没写过长文还真没有发现过这个问题,这都能被你发现
#3 huaxiong · 2026-07-10 01:05:19
stalltrix
试了下,好像确实有这个问题。都是前端markdown.html这个文件的交互体验问题,修复应该只改前端就行,应该不难
#4 hua · 2026-07-10 01:36:51
stalltrix
确实我也看了下论坛的markdown编辑器实在是太原始了,就是一个textarea当输入框,一个div当渲染显示器。
#5 星河 · 2026-07-10 02:21:58
stalltrix
@hua(gk2s6c) 这种做法其实是很通用的,很多网页的markdown渲染器都是textarea当输入,div当preview。


不过这里的markdown渲染器css没有写好。右侧preview滑动变成全局的了。而左侧的textarea继承了默认的滑动属性,但是却不能自动加长。这也是文章写长了让人觉得怪异的原因
#6 nobody · 2026-07-10 05:17:18
stalltrix
@hua(gk2s6c) 你说的那些应该是高级货,使用div+contenteditable与js实现的自定义富文本编辑器。

不过现在很多富文本编辑器框架都是contenteditable,因为可以实现在输入区域即时显示渲染结果,而不是显示在另一边
#7 hua · 2026-07-10 06:19:53
stalltrix
@nobody(vd3tmz) 对的,就是使用contenteditable来实时渲染富文本的。虽然自定义contenteditable难于textarea。但是现在其实有很多markdown富文本编辑器框架的,

现成的框架就有TipTap、quilljs-markdown,Lexical、Milkdown、MDXEditor之类。




完全用不着重新手写一个编辑器。这些框架已经搞好了如何修改编辑与渲染的问题。
#8 skymmap · 2026-07-10 07:28:11
stalltrix
已更新markdown编辑器,就是在textarea基础上继续扩展。改进了css,使用体验应该很好了。楼主的这两个问题也解决了。

contenteditable或者引入第三方组件,感觉工程量太大了。凑合缝缝补补又三年,我们这日子先凑合过吧😂。当务之急先解决其他问题

注册

或使用第三方注册

登录

没有账号? 立即注册
技术
闲聊
开发
正在提交...