[qns] sd: misc tweaks

This commit is contained in:
Yangshun 2024-08-26 09:45:56 +08:00
parent e5e6e91be3
commit 80933e0455
3 changed files with 6 additions and 9 deletions

View File

@ -1,5 +1,5 @@
{
"description": "var Component=(()=>{var d=Object.create;var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),f=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},a=(t,e,o,l)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let i of p(e))!g.call(t,i)&&i!==o&&r(t,i,{get:()=>e[i],enumerable:!(l=u(e,i))||l.enumerable});return t};var b=(t,e,o)=>(o=t!=null?d(m(t)):{},a(e||!t||!t.__esModule?r(o,\"default\",{value:t,enumerable:!0}):o,t)),w=t=>a(r({},\"__esModule\",{value:!0}),t);var s=x((F,c)=>{c.exports=_jsx_runtime});var v={};f(v,{default:()=>_,frontmatter:()=>j});var n=b(s()),j={title:\"Google Docs\",excerpt:\"Design a collaborative editor like Google Docs and Notion\"};function h(t){let e=Object.assign({h2:\"h2\",p:\"p\",a:\"a\",h3:\"h3\",ul:\"ul\",li:\"li\"},t.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h2,{children:\"Question\"}),`\n`,(0,n.jsx)(e.p,{children:\"Design a collaborative document editor that allows users to collaborate on a document in real-time.\"}),`\n`,(0,n.jsxs)(e.p,{children:[\"Note: This article focuses on the collaboration aspects of collaborative text editing software, and not much about text editing itself. For a deep dive into rich text editing, have a look at the \",(0,n.jsx)(e.a,{href:\"/questions/system-design/rich-text-editor\",children:\"Rich text editor system design article\"}),\".\"]}),`\n`,(0,n.jsx)(e.h3,{children:\"Real-life examples\"}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://www.google.com/docs/about/\",children:\"Google Docs\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://www.notion.so/\",children:\"Notion\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://quip.com/\",children:\"Quip\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://etherpad.org/\",children:\"Etherpad\"})}),`\n`]})]})}function D(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(h,t)})):h(t)}var _=D;return w(v);})();\n;return Component;",
"description": "var Component=(()=>{var d=Object.create;var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),f=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},s=(t,e,o,l)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let i of g(e))!m.call(t,i)&&i!==o&&r(t,i,{get:()=>e[i],enumerable:!(l=u(e,i))||l.enumerable});return t};var b=(t,e,o)=>(o=t!=null?d(p(t)):{},s(e||!t||!t.__esModule?r(o,\"default\",{value:t,enumerable:!0}):o,t)),w=t=>s(r({},\"__esModule\",{value:!0}),t);var c=x((F,a)=>{a.exports=_jsx_runtime});var v={};f(v,{default:()=>_,frontmatter:()=>j});var n=b(c()),j={title:\"Google Docs\",excerpt:\"Design a collaborative editor like Google Docs and Notion\"};function h(t){let e=Object.assign({h2:\"h2\",p:\"p\",strong:\"strong\",a:\"a\",h3:\"h3\",ul:\"ul\",li:\"li\"},t.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h2,{children:\"Question\"}),`\n`,(0,n.jsx)(e.p,{children:\"Design a collaborative document editor that allows users to collaborate on a document in real-time.\"}),`\n`,(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:\"Note\"}),\": This article focuses on the collaboration aspects of collaborative text editing software, and not much about text editing itself. For a deep dive into rich text editing, have a look at the \",(0,n.jsx)(e.a,{href:\"/questions/system-design/rich-text-editor\",children:\"Rich text editor system design article\"}),\".\"]}),`\n`,(0,n.jsx)(e.h3,{children:\"Real-life examples\"}),`\n`,(0,n.jsxs)(e.ul,{children:[`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://www.google.com/docs/about/\",children:\"Google Docs\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://www.notion.so/\",children:\"Notion\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://quip.com/\",children:\"Quip\"})}),`\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\"https://etherpad.org/\",children:\"Etherpad\"})}),`\n`]})]})}function D(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(h,t)})):h(t)}var _=D;return w(v);})();\n;return Component;",
"format": "system-design",
"metadata": {
"author": "yangshun",

View File

@ -81,13 +81,10 @@ export default function QuestionContentsSystemDesign({
{!isQuestionLocked &&
metadata.companies &&
metadata.companies.length > 0 && (
<>
<Divider />
<QuestionCompanies
canViewPremiumContent={canViewPremiumContent}
companies={metadata.companies}
/>
</>
<QuestionCompanies
canViewPremiumContent={canViewPremiumContent}
companies={metadata.companies}
/>
)}
<Divider />
<QuestionContentProse contents={description} textSize="md" />

View File

@ -7,7 +7,7 @@ excerpt: Design a collaborative editor like Google Docs and Notion
Design a collaborative document editor that allows users to collaborate on a document in real-time.
Note: This article focuses on the collaboration aspects of collaborative text editing software, and not much about text editing itself. For a deep dive into rich text editing, have a look at the [Rich text editor system design article](/questions/system-design/rich-text-editor).
**Note**: This article focuses on the collaboration aspects of collaborative text editing software and not much about text editing itself. For a deep dive into rich text editing, have a look at the [Rich Text Editor system design article](/questions/system-design/rich-text-editor).
### Real-life examples