@bengr.digital/page-editor-web v0.0.6

📦 npm package - page-editor-web

Install with command:

npm install @bengr.digital/page-editor-web

🐔 How to use

Package must be used among Bengr Admin, where we must setup PageEditor

1. Set up communication with Bengr Admin

• Import initPageEditor function in main file of page

import { initPageEditor } from '@bengr.digital/page-editor-web'

• When we want to use it, we must specify url of our Bengr Admin application

initPageEditor('https://admin.my-web.com')

• If we are using this in React application we must put function into useEffect like this:

useEffect(() => {
  initPageEditor('https://admin.my-web.com')
}, []) // useEffect must be called just on start

2. Set up styles

• Now we must import styles for visualization, where we will edit texts Will will do it like this

import '@bengr.digital/page-editor-web/styles/main.scss'

IDK IF THIS WORK > or like this

@import '@bengr.digital/page-editor/styles/main.scss';

or with link in html

<link rel="stylesheet" href="@bengr.digital/" />

3. Add texts

• Now its time to add texts that you wanna edit
• If you have some random text that is passed from API you must add id witch will specify the text by his code in database

  const text = await useFetchText('claim:text')
  return <p id="claim:text">{text}</p>

📢 Publish package

• npm run build for compile (or npx tsc)
• npm version [major|minor|patch|...] (update version of package in package.json)
• npm run publish for publish (or npm publish --access=public)