{"_id":"@candyace/lexical-vue","name":"@candyace/lexical-vue","dist-tags":{"latest":"0.32.0"},"versions":{"0.32.0":{"name":"@candyace/lexical-vue","type":"module","version":"0.32.0","description":"An extensible Vue 3 web text-editor based on Lexical.","author":{"name":"Tang Weitian","email":"tstwt@vip.qq.com"},"license":"MIT","homepage":"https://github.com/CandyACE/lexical-vue#readme","repository":{"type":"git","url":"git+https://github.com/CandyACE/lexical-vue.git"},"bugs":{"url":"https://github.com/CandyACE/lexical-vue/issues"},"keywords":["vue","lexical","editor","rich-text"],"sideEffects":false,"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"main":"./dist/index.cjs","module":"./dist/index.js","unpkg":"dist/index.global.js","jsdelivr":"dist/index.global.js","types":"./dist/index.d.ts","typesVersions":{"*":{"*":["./dist/*","./*"]}},"peerDependencies":{"vue":"^3.5.0"},"dependencies":{"@lexical/clipboard":"~0.32.1","@lexical/code":"~0.32.1","@lexical/dragon":"~0.32.1","@lexical/hashtag":"~0.32.1","@lexical/history":"~0.32.1","@lexical/html":"~0.32.1","@lexical/link":"~0.32.1","@lexical/list":"~0.32.1","@lexical/mark":"~0.32.1","@lexical/markdown":"~0.32.1","@lexical/overflow":"~0.32.1","@lexical/plain-text":"~0.32.1","@lexical/rich-text":"~0.32.1","@lexical/selection":"~0.32.1","@lexical/table":"~0.32.1","@lexical/text":"~0.32.1","@lexical/utils":"~0.32.1","@lexical/yjs":"~0.32.1","lexical":"~0.32.1","tiny-invariant":"^1.3.3"},"devDependencies":{"@antfu/eslint-config":"^4.14.1","@changesets/cli":"^2.29.4","@types/node":"^24.0.0","eslint":"^9.28.0","tsup":"^8.5.0","typescript":"^5.8.3","unplugin-vue":"^6.2.0","vitepress":"^1.6.3","vue":"^3.5.16","vue-tsc":"^2.2.10","yjs":"^13.6.27"},"scripts":{"build":"tsup --onSuccess \"pnpm build:dts\"","build:dts":"vue-tsc --declaration --emitDeclarationOnly","dev":"tsup --watch --onSuccess \"pnpm build:dts && pnpm --filter playground dev\"","release":"pnpm build && changeset publish","lint":"eslint .","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:serve":"vitepress serve docs"},"_id":"@candyace/lexical-vue@0.32.0","_integrity":"sha512-OdqwSFtD9WxvQaBNUOFG2vsa+JylHcJ80csUqgVLBkWCgy2GXRaBAHq/teBzTmK9vHFiIwdwYhlEcEh4UveUMg==","_resolved":"C:\\Users\\tstwt\\AppData\\Local\\Temp\\4c3b1f54409cceceb20a4633e1a93dbf\\candyace-lexical-vue-0.32.0.tgz","_from":"file:candyace-lexical-vue-0.32.0.tgz","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-OdqwSFtD9WxvQaBNUOFG2vsa+JylHcJ80csUqgVLBkWCgy2GXRaBAHq/teBzTmK9vHFiIwdwYhlEcEh4UveUMg==","shasum":"31dbe8c5ebd7883b011feb0be389c23a7d920329","tarball":"https://registry.npmjs.org/@candyace/lexical-vue/-/lexical-vue-0.32.0.tgz","fileCount":67,"unpackedSize":1429018,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHAq/3g363LGwGglCQ3TzS79oZ9z8nupVnjKqVo1Sqv0AiANibTuEGkLi032GYvPM34aD3LmUOfG52p/teeJfECXqQ=="}]},"_npmUser":{"name":"candyace","email":"tstwt@qq.com"},"directories":{},"maintainers":[{"name":"candyace","email":"tstwt@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lexical-vue_0.32.0_1749633805614_0.09892128835580394"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-11T09:23:25.527Z","0.32.0":"2025-06-11T09:23:25.816Z","modified":"2025-06-11T09:23:26.076Z"},"maintainers":[{"name":"candyace","email":"tstwt@qq.com"}],"description":"An extensible Vue 3 web text-editor based on Lexical.","homepage":"https://github.com/CandyACE/lexical-vue#readme","keywords":["vue","lexical","editor","rich-text"],"repository":{"type":"git","url":"git+https://github.com/CandyACE/lexical-vue.git"},"author":{"name":"Tang Weitian","email":"tstwt@vip.qq.com"},"bugs":{"url":"https://github.com/CandyACE/lexical-vue/issues"},"license":"MIT","readme":"# Lexical Vue\n\nAn extensible Vue 3 web text-editor based on [Lexical](https://github.com/facebook/lexical).\n\nFor documentation and more information about Lexical, be sure to visit the [Lexical website](https://lexical.dev/).\n\nHere are some examples of what you can do with Lexical:\n\n- [Lexical Vue Playground](https://lexical-vue-playground.vercel.app)\n- [Rich Text Example](https://stackblitz.com/edit/vitejs-vite-qqdqcl)\n- [Plain Text Example](https://stackblitz.com/edit/vitejs-vite-jxwkxo)\n\n## Getting started with Vue\n\n> Requires Vue >= 3.5.0.\n\nInstall `lexical-vue`:\n\n```bash\nnpm install lexical-vue # or pnpm or yarn\n```\n\nBelow is an example of a basic plain text editor using `lexical` and `lexical-vue`.\n\n```vue\n<script setup lang=\"ts\">\nimport { $getRoot, $getSelection } from 'lexical'\n\nimport {\n  LexicalAutoFocusPlugin,\n  LexicalComposer,\n  LexicalContentEditable,\n  LexicalHistoryPlugin,\n  LexicalOnChangePlugin,\n  LexicalPlainTextPlugin,\n} from 'lexical-vue'\n\nconst config = {\n  editable: true,\n  theme: {\n    // Theme styling goes here\n  },\n}\n\nfunction onError(error) {\n  throw error\n}\n\n// When the editor changes, you can get notified via the\n// LexicalOnChangePlugin!\nfunction onChange(editorState) {\n  editorState.read(() => {\n    // Read the contents of the EditorState here.\n    const root = $getRoot()\n    const selection = $getSelection()\n\n    console.log(root, selection)\n  })\n}\n</script>\n\n<template>\n  <LexicalComposer :initial-config=\"config\" @error=\"onError\">\n    <LexicalPlainTextPlugin>\n      <template #contentEditable>\n        <LexicalContentEditable />\n      </template>\n      <template #placeholder>\n        <div>\n          Enter some text...\n        </div>\n      </template>\n    </LexicalPlainTextPlugin>\n    <LexicalOnChangePlugin @change=\"onChange\" />\n    <LexicalHistoryPlugin />\n    <LexicalAutoFocusPlugin />\n  </LexicalComposer>\n</template>\n```\n\nFor a more complex example, check the [rich text editor playground](https://github.com/wobsoriano/lexical-vue/tree/master/playground).\n\n### Creating custom Lexical nodes with Vue\n\n- [Creating custom decorator nodes](https://lexical-vue.vercel.app/docs/plugins/custom.html)\n\n## Contributing\n\n1. Create a new branch\n   - `git checkout -b my-new-branch`\n2. Commit your changes\n   - `git commit -a -m 'Description of the changes'`\n     - There are many ways of doing this and this is just a suggestion\n3. Push your branch to GitHub\n   - `git push origin my-new-branch`\n4. Go to the repository page in GitHub and click on \"Compare & pull request\"\n   - The [GitHub CLI](https://cli.github.com/manual/gh_pr_create) allows you to skip the web interface for this step (and much more)\n\n## Documentation\n\nhttps://lexical-vue.vercel.app\n\n## Credits\n\n- [Lexical](https://github.com/facebook/lexical)\n- [Vite](https://vitejs.dev/)\n- [Vercel](https://vercel.com/)\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-5be46bdc4ea475440fef75a03f50933e"}