首发于 知乎产品专栏
这是一篇关于知乎编辑器的专栏文章。

这是一篇关于知乎编辑器的专栏文章。

过去一段时间内,我们常常收到「编辑器太难用了,又有 bug 啦」、「你们怎么还没修好」、「知乎变了,都不支持公式了」等反馈。大家的鞭策,我们都收到了 ... (。•ˇ‸ˇ•。) 编辑器团队也进行了持续地优化和调整,今天终于鼓起「勇气」和知友们分享编辑器最近的进展(文末有彩蛋 )。


1. 丰富公式涵盖内容并优化其展现形式,以满足专业领域知友们的使用需求

公式工具栏进行了扩充,提供了基本的公式符号,包括希腊字母,常用数学运算符、关系符、上下标、积分号等;更丰富的公式也可以通过输入 LaTeX 代码添加;采用矢量高清的 SVG 格式进行渲染,公式可在任何屏幕上高清展示;为了更好地改善大家的体验,我们也优化了公式的报错提示。此外,编辑器也可以支持代码块与文字相连的「行内代码」啦。

举例子来感受一下:

3\ce{Cu}+8\ce{HNO3}\rightarrow 3\ce{Cu(NO3)2}+2\ce{NO}\uparrow+4\ce{H2O}\\

\begin{bmatrix} a & b & c \\ d & e & \frac{f}{g} \\ \gamma & \delta & \omega \end{bmatrix} , \begin{Bmatrix} a & b & c \\ d & e & \frac{f}{g} \\ \gamma & \delta & \omega \end{Bmatrix} , \begin{pmatrix} a & b & c \\ d & e & \cfrac{f}{g} \\ \gamma & \delta & \omega \end{pmatrix} , \begin{vmatrix} a & b & c \\ d & e & \cfrac{f}{g} \\ \gamma & \delta & \omega \end{vmatrix} , \begin{Vmatrix} a & b & c \\ d & e & \cfrac{f}{g} \\ \gamma & \delta & \omega \end{Vmatrix} , \begin{matrix} a & b & c \\ d & e & \frac{f}{g} \\ \gamma & \delta & \omega \end{matrix}\\

\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa \lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega \Gamma\Delta\Theta\Lambda\Xi\Pi\Sigma\Upsilon\Phi\Psi\Omega \\ \digamma\varepsilon\vartheta\varkappa\varpi\varrho\varsigma\varphi \varGamma\varDelta\varTheta\varLambda\varXi\varPi\varSigma\varUpsilon \varPhi\varPsi\varOmega

\acute{a} \check{a} \grave{a} \tilde{a} \bar{a} \ddot{a} \hat{a} \vec{a} \breve{a} \dot{a} \mathring{a} \dddot{a} \ddddot{a} \widetilde{abc} \widehat{abc} \overleftarrow{abc} \overrightarrow{abc} \overline{abc} \underline{abc} \overbrace{abc} \underbrace{abc} \overleftrightarrow{abc} \underleftrightarrow{abc} \underleftarrow{abc} \underrightarrow{abc} \xleftarrow{abc} \xrightarrow{abc} \sqrt{abc} \sqrt[n]{abc}

我们也发现已经有知友分享了一些公式教程,在此特别感谢 @Milo Yip @梁昊,也欢迎移步欣赏: 知乎「插入公式」诀窍。

2. 优化了图片的上传和编辑体验

编辑器可支持拖拽图片至任意位置上传;增加上传的占位和状态提示,帮助知友们更明晰地了解上传位置和进度;也可以选中图片进行调整尺寸大小,或用「图片注释」功能优雅地解释图片的背后故事。

3.更便捷地修改链接

对于链接,除了在工具栏插入外,还支持手动输入,编辑器系统都会自动识别并获取链接信息,同时知友们还可以对此链接进行编辑修改。马上,链接还会支持自动转化成卡片样式,满足知友们对链接展示的需求效果。

以上两点,可以在视频中直观感受:

https://www.zhihu.com/video/919560754460508160


除了上述优化外,我们修复了编辑器或大或小的线上问题。修复问题本不应该多说,但相信很多知友对编辑器问题的修复充满好(yi)奇(wen)。

编辑器对浏览器、操作系统具有较强的依赖性,环境相对多样且复杂。因此,我们在上线前会进行至少三次测试,从本地集成环境到次轮预发环境,再到内部网络环境。上线后,也会进行回测。经过多次适配,编辑器和 Chrome、Safari、Sogou Explorer、QQ 和 360 等浏览器已相对兼容。但坦率地讲,在一些相对小众的浏览器上也确实容易产生兼容性问题,收到反馈后,我们会询问浏览器版本、操作系统等信息进行定位,也就耗费了一些时间。

此外,某些问题可能也与当时的本地网络或操作有关,定位会较复杂。有的需多次尝试才能复现,有的甚至完全不能复现。因此修复时间也相对较长,也就出现了大家所说的「你们到底修没,为什么这么慢」现象。

针对这些问题,我们也优化了原有的反馈流程:保证反馈的问题都能第一时间找到相应负责人进行排查、定位和修复;严重问题出现后,我们也有相应的复盘制度。目前,结合反馈我们已经修复了插入多行超链接,发布后超链接无法分行、公式无法插入行内、站内链接有时无法识别标题等多个问题。

再次,感谢知友们的鞭策和鼓励。我们知道这是应该做的,并且做得还不够,我们还会持续优化。大家如遇使用问题,请私信联系 @知一声,因为编辑器的特殊性,反馈时如果能注明发生问题时的电脑操作系统和浏览器版本信息,就最好啦。


最后!我们真诚地感谢每一位对科学有所追求的小伙伴,你们对专业知识的热情与向往,帮助很多知友发现了更大的世界。我们也制作了一个关于公式的电影片段混剪,希望大家也能够在光与影的故事当中,感受到科学的魅力,及人类对科学无尽追求所带来的感动。

混剪中一共出现了 17 部影片,欢迎知友们在评论区猜一猜电影的名字或者公式名称,截至 12 月 2 日 18 点,我们会从正确猜出 3 部电影名,或任一公式名称的知友中,随机抽取 17 位,赠送神秘礼物一份。

再次感谢每一位关心我们的知友。

https://www.zhihu.com/video/919559434760507392

(打开声音效果更佳)

深圳SEO优化公司兴安盟百姓网标王推广阜新英文网站建设价格青岛seo优化报价信阳百搜标王安康高端网站设计公司平凉企业网站设计哪家好鸡西百度网站优化哪家好池州网站推广方案推荐大连网站建设报价厦门百搜标王报价光明企业网站建设多少钱信阳外贸网站建设哪家好日照营销网站推荐哈密网站优化软件推荐辽阳seo多少钱河池至尊标王报价扬州网站开发台州seo网站优化公司雅安网站开发清徐网站seo优化价格荷坳seo网站推广公司双龙英文网站建设推荐昌都网络营销多少钱汉中建网站威海英文网站建设推荐汕头SEO按天扣费报价郑州网站搭建推荐德州网站改版多少钱济南阿里店铺托管多少钱南京关键词按天扣费哪家好歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化