『编辑器重构日记』MuseInk 组件大升级喵!

🎉 今日成果喵!

🛠️ 核心重构

  • EditorCore 华丽变身
    △ 把笨重的类组件改造成轻盈的函数式组件啦~(≧▽≦)/
    △ 新增了可可爱爱的 EditorContent 子组件
    △ 用 useLexicalComposerContext 正确管理编辑器上下文喵

🐾 踩坑记录

1
2
3
4
5
// 原来错误的调用方式
function initEditor() {
// 🚫 这里偷偷用了 hook 被 React 发现啦!
const [editor] = useLexicalComposerContext();
}
1
2
3
4
5
6
// 现在正确的姿势喵~
const EditorContent = () => {
// ✅ 在组件内部乖乖使用 hook
const [editor] = useLexicalComposerContext();
// ... (๑>ᴗ<๑)
}

🌸 明日计划

  • 给编辑器添加喵咪主题皮肤
  • 实现自动保存时的爪印动画
  • 优化移动端爪感体验

同步到 GitHub Pages 用这个咒语哦:
hexo clean && hexo g && hexo deploy
(记得在 hexo-blog 目录下施展喵~)

小猫敲键盘