Draft.js 如何在 Vue 项目中集成并初始化编辑器？

慕容梓怡提问于 2026-03-18 14:05:21 阅读 23

交互

我最近想在 Vue 项目里用 Draft.js 做富文本编辑，但发现它好像是为 React 设计的。我试着直接引入，结果报错说找不到 React 相关依赖。是不是根本不能在 Vue 里用？还是我姿势不对？

下面是我尝试的代码，就是简单地在组件里引入了 Draft 的 Editor，但一运行就崩：

<template>
  <div>
    <div ref="editor" />
  </div>
</template>

<script>
import { Editor } from 'draft-js'
export default {
  mounted() {
    // 这里其实不知道怎么初始化...
  }
}
</script>

Draft.js 富文本编辑

我来解答赞 2 收藏

反馈

1 条解答

a'ゞ宝娥 Lv1

Draft.js确实是React的库，Vue不能直接用。有两个办法：

一是用 draft-js-vue 这个封装好的库：

npm install draft-js-vue

二是如果你想自己封装，得自己写个React组件然后在Vue里用 react-rails 那种方式挂载，不过挺麻烦的。

建议直接用 draft-js-vue，省事。

2026-03-18 15:01