{"_id":"@ashish-ui/richsee","name":"@ashish-ui/richsee","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@ashish-ui/richsee","version":"1.0.0","description":"Best rich text handler and html renderer","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"build":"tsup src/index.ts --format cjs,esm --dts","prepublishOnly":"npm run build"},"keywords":["react","rich-text","editor","markdown","viewer"],"author":{"name":"Ashish"},"license":"ISC","type":"commonjs","dependencies":{"html-react-parser":"^5.2.5","react":"^19.1.0","tsup":"^8.5.0","typescript":"^5.8.3"},"devDependencies":{"@types/react-syntax-highlighter":"^15.5.13","react-syntax-highlighter":"^15.6.1"},"_id":"@ashish-ui/richsee@1.0.0","gitHead":"4780d45ba315fdf9374c907ef626fde30a231026","_nodeVersion":"22.14.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-pDds4tW04GrMF0hgZ6LlVd3v3ePRGtQDua9aFwVvw1Er1LZkHi5JHdiC8PwroQe6Vjt17fuCG2a8ZKvpfRDDGA==","shasum":"9bdae4ed9311d53bebeaaacf5b72172abe20c352","tarball":"https://registry.npmjs.org/@ashish-ui/richsee/-/richsee-1.0.0.tgz","fileCount":757,"unpackedSize":4155820,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCE1bhOjhQpOmnuriJt7SnlXMqrYONXayn7pLqNdN0ZTAIhAK7hYaj6fBsNw7c9V6kJ5MGsoTl2lUQZD0Dk7N8hbbfF"}]},"_npmUser":{"name":"ashishsigdel","email":"a.asis.sigdel01@gmail.com","actor":{"name":"ashishsigdel","email":"a.asis.sigdel01@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"ashishsigdel","email":"a.asis.sigdel01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/richsee_1.0.0_1750338069308_0.14349543653519703"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-19T13:01:09.233Z","1.0.0":"2025-06-19T13:01:09.531Z","modified":"2025-06-19T13:01:10.482Z"},"maintainers":[{"name":"ashishsigdel","email":"a.asis.sigdel01@gmail.com"}],"description":"Best rich text handler and html renderer","keywords":["react","rich-text","editor","markdown","viewer"],"author":{"name":"Ashish"},"license":"ISC","readme":"## Rich Text Editor for React\n\n### Installation\n\n```bash\nnpm install richt-editor\n```\n\n### Usage\n\nImport the package and use it in your React component:\n\n```js\nimport React, { useState } from \"react\";\nimport RichTextEditor from \"richt-editor\";\n\nexport default function App() {\n  const [content, setContent] = useState(\"\");\n  return <RichTextEditor content={content} setContent={setContent} />;\n}\n```\n\n### Adjusting Height and Width\n\nWrap the editor in a container with your desired styles:\n\n```js\n<div style={{ height: \"600px\", width: \"800px\" }}>\n  <RichTextEditor content={content} setContent={setContent} />\n</div>\n```\n\n### Props\n\nAll available props:\n\n```js\n<RichTextEditor\n  content={content}\n  setContent={setContent}\n  imageUploadAPIUrl=\"https://your-api-url\"\n  theme={theme}\n  lightColorPanelBg=\"#f5f5f5\"\n  darkColorPanelBg=\"#333\"\n  lightColorPanelText=\"#333\"\n  darkColorPanelText=\"#f5f5f5\"\n  lightEditorBgColor=\"#f5f5f5\"\n  darkEditorBgColor=\"#333\"\n/>\n```\n\n### Image Upload API Response\n\nThe API response for image uploads should look like:\n\n```json\n{\n  \"data\": {\n    \"url\": \"https://your-image-url.png\"\n  }\n}\n```\n\n### Also you can render your html code\n\n```tsx\nimport { HtmlFormatter } from \"richt-editor\";\n\n<HtmlFormatter content={content} theme={theme} />;\n```\n","readmeFilename":"README.md","_rev":"1-465cb92266beb0b5a4e4ffdd7b5b8ad5"}