{"_id":"@boomslag/nextjs-richtext","_rev":"1-27351e8e840a597e0974ef8684d5c76d","name":"@boomslag/nextjs-richtext","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@boomslag/nextjs-richtext","version":"1.0.0","description":"Easily integrate customizable toast notifications into your React project with the `@boomslag/react-toast` package. This package provides two specialized toast components, `ToastError` and `ToastSuccess`, optimized for error and success messages, respecti","main":"src/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"react-quill":"^2.0.0"},"peerDependencies":{"next":"^13.4.19","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7"},"_id":"@boomslag/nextjs-richtext@1.0.0","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-b+XCFCcHehxUwwfCJ+kyfJcVIvT5tKXAo9VmGpUxJN6ph0oO3308mw3VpYPmvxhupeM2+v9uM5UO0YWDg65jgg==","shasum":"6f78c1dd6d56f9b81fbec3a659e0a865440c3820","tarball":"https://registry.npmjs.org/@boomslag/nextjs-richtext/-/nextjs-richtext-1.0.0.tgz","fileCount":6,"unpackedSize":5925,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChCC3FhXmOa9vNFNRr7IS49+yn84z/+ILGfJH7aIVY6AiEAw0eN0qLPiO5PRxIaAqvUEMNbku6tYfwocczBNwjxkgk="}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nextjs-richtext_1.0.0_1694638100259_0.8736018076159364"},"_hasShrinkwrap":false},"1.0.1":{"name":"@boomslag/nextjs-richtext","version":"1.0.1","description":"A set of rich text editors optimized for Next.js using react-quill.","main":"src/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"react-quill":"^2.0.0"},"peerDependencies":{"next":"^13.4.19","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7"},"_id":"@boomslag/nextjs-richtext@1.0.1","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-ZHxmdW5vRgTuTHnGKc9uHIH3lNROiCOjHjaylApr94O8DzcVFIG1ubwZZEvNOf5HjhZLvlSICjOrdJ6BylTgBQ==","shasum":"c543db2b571e4d047f61920fe93ac923509ccbca","tarball":"https://registry.npmjs.org/@boomslag/nextjs-richtext/-/nextjs-richtext-1.0.1.tgz","fileCount":6,"unpackedSize":6014,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCX9CVW2MevHAuq/zUBEKYQBsmrcnN8K+2Jk+TL+CYWVwIhAKFcLRq8RiLOTI2FMaBc4vDjjAB70YWJ8KsOrSWJmtFw"}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nextjs-richtext_1.0.1_1694638597376_0.6559890112383655"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-13T20:48:20.135Z","1.0.0":"2023-09-13T20:48:20.467Z","modified":"2023-09-13T20:56:37.728Z","1.0.1":"2023-09-13T20:56:37.563Z"},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"description":"A set of rich text editors optimized for Next.js using react-quill.","keywords":[],"license":"ISC","readme":"# @boomslag/nextjs-richtext\r\nA set of rich text editors optimized for Next.js using react-quill.\r\n\r\n## Features\r\n\r\n* Server-side rendering (SSR) safe.\r\n* Pre-configured toolbar options.\r\n* Customizable through props.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @boomslag/nextjs-richtext\r\n```\r\n\r\nOr if you're using Yarn:\r\n\r\n```bash\r\nyarn add @boomslag/nextjs-richtext\r\n```\r\n\r\n## Usage\r\n\r\n### Simple Editor\r\nThe simple editor offers basic rich text features.\r\n\r\n```javascript\r\nimport SimpleEditor from '@boomslag/nextjs-richtext/SimpleEditor';\r\n\r\nfunction MyComponent() {\r\n  const [data, setData] = React.useState(\"\");\r\n\r\n  return (\r\n    <SimpleEditor data={data} setData={setData} placeholder=\"Start typing...\" />\r\n  );\r\n}\r\n```\r\n\r\n### Advanced RichTextEditor\r\nThe RichTextEditor offers a more comprehensive set of rich text tools.\r\n\r\n```javascript\r\nimport RichTextEditor from '@boomslag/nextjs-richtext/RichTextEditor';\r\n\r\nfunction MyComponent() {\r\n  const [data, setData] = React.useState(\"\");\r\n\r\n  return (\r\n    <RichTextEditor data={data} setData={setData} />\r\n  );\r\n}\r\n```\r\n\r\n## Props\r\nFor both editors:\r\n\r\n* `data` (string): Current content of the editor.\r\n* `setData` (function): Function to update the editor's content.\r\n* `placeholder` (string, optional): Placeholder text for the editor.\r\n\r\n## Styles\r\nYou can further customize the styles by overriding the Quill's CSS or adding additional styles.\r\n\r\nThe package includes a custom `snowy` theme located in the styles directory which provides additional styling for the Quill editor. To use this stylesheet, simply import it into your project:\r\n\r\n```javascript\r\nimport '@boomslag/nextjs-richtext/styles/snowy.css';\r\n```\r\n\r\n## Dependencies\r\n\r\n* `next`\r\n* `react`\r\n* `react-quill`\r\n\r\n## Contributing\r\nFor any issues, bugs, or feature requests, please open an issue in our GitHub repository.\r\n\r\n## License\r\nMIT","readmeFilename":"README.md"}