diff --git a/README.md b/README.md index 7579a70..f69fe1f 100644 --- a/README.md +++ b/README.md @@ -6,11 +6,12 @@ Todos - [ ] Spike editor for edit user requirements/feature. - [x] ProseMirror - - [ ] Slash Command - - [ ] Bubble Menu - - [ ] Menu Bar - - [ ] Quick Insert + - [x] Slash Command + - [x] Bubble Menu + - [x] Menu Bar + - [x] Quick Insert - [ ] Diff + - [ ] JSON Schema, like lines, $from, $to - Viewer for content rewrite, like: [https://codesandbox.io/s/prosemirror-diff-nuhiiq](https://codesandbox.io/s/prosemirror-diff-nuhiiq) - Change diff --git a/components/editor/live-editor.jsx b/components/editor/live-editor.jsx index 6603360..77b2423 100644 --- a/components/editor/live-editor.jsx +++ b/components/editor/live-editor.jsx @@ -53,6 +53,17 @@ Hi there, BB is editor for Unit Mesh architecture paradigms, the next-gen softwa 2. use \`Alt\` + \`/\` or \`Command\` + \`/\` to show custom input box. 3. select text and right click to see the context menu. +永和九年,岁在癸丑,暮春之初,会于会稽山阴之兰亭,修禊事也。群贤毕至,少长咸集。此地有崇山峻岭,茂林修竹;又有清流激湍,映带左右,引以为流觞曲水, +列坐其次。虽无丝竹管弦之盛,一觞一咏,亦足以畅叙幽情。 + +是日也,天朗气清,惠风和畅。仰观宇宙之大,俯察品类之盛,所以游目骋怀,足以极视听之娱,信可乐也。 + +夫人之相与,俯仰一世,或取诸怀抱,悟言一室之内;或因寄所托,放浪形骸之外。虽趣舍万殊,静躁不同,当其欣于所遇,暂得于己,快然自足,不知老之将至。 +及其所之既倦,情随事迁,感慨系之矣。向之所欣,俯仰之间,已为陈迹,犹不能不以之兴怀。况修短随化,终期于尽。古人云:“死生亦大矣。”岂不痛哉!(趣 一作:曲) + +每览昔人兴感之由,若合一契,未尝不临文嗟悼,不能喻之于怀。固知一死生为虚诞,齐彭殇为妄作。后之视今,亦犹今之视昔。悲夫!故列叙时人,录其所述, +虽世殊事异,所以兴怀,其致一也。后之览者,亦将有感于斯文。 + ` const LiveEditor = () => { const editor = useEditor({ @@ -60,7 +71,7 @@ const LiveEditor = () => { content: md.render(content), editorProps: { attributes: { - class: 'prose dark:prose-invert prose-sm sm:prose-base bb-editor-inner', + class: 'prose lg:prose-xl bb-editor-inner', }, }, }) diff --git a/styles/Home.module.css b/styles/Home.module.css index 6c557ec..6b1fe18 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -79,7 +79,7 @@ height: 1em; } -@media (max-width: 600px) { +@media (max-width: 800px) { .grid { width: 100%; flex-direction: column; diff --git a/styles/global.css b/styles/global.css index 62974f0..e3e4cb2 100644 --- a/styles/global.css +++ b/styles/global.css @@ -235,13 +235,13 @@ input { flex-basis: 45%; border: 1px solid #0070f3; border-radius: 10px; - width: 600px; + width: 800px; height: 100%; min-height: 80vh; } .domain-buttons { - width: 600px; + width: 800px; margin: 1rem; display: flex; flex-wrap: wrap;