2
0
mirror of https://github.com/tenrok/BBob.git synced 2026-05-15 11:59:37 +03:00

chore: readme

This commit is contained in:
Nikolay Kostyurin
2018-10-02 00:38:16 +02:00
committed by GitHub
parent f9759c0a0e
commit f012397a2f
+39 -4
View File
@@ -100,17 +100,52 @@ console.log(bbob(preset()).process(`[quote]Text[/quote]`, { render }).html) // <
Also you can use predefined preset for HTML
```js
import html5Preset from '@bbob/preset-html5'
import { render } from '@bbob/html'
import bbob from '@bbob/core'
console.log(bbob(html5Preset()).process(`[quote]Text[/quote]`, { render }).html) // <blockquote><p>Text</p></blockquote>
```
#### React Preset <a name="react-preset"></a>
Also you can use predefined preset for React
```js
import reactPreset from '@bbob/preset-react'
import { render } from '@bbob/react'
import bbob from '@bbob/core'
console.log(bbob(reactPreset()).process(`[quote]Text[/quote]`, { render }).html)
/* It produces a VDOM Nodes equal to
React.createElement('blockquote', React.createElement('p', 'Text'))
*/
```
### React usage <a name="react"></a>
### Component <a name="react-component"></a>
#### Component <a name="react-component"></a>
### Render prop <a name="react-render"></a>
Or you can use React Component
## PostHTML usage <a name="posthtml"></a>
```jsx
import React from 'react'
import { render } from 'react-dom'
## Create Plugin <a name="plugin"></a>
import BBCode from '@bbob/react'
import reactPreset from '@bbob/preset-react'
const MyComponent = () => (
<BBCode plugins={[reactPreset()]}>
[quote]Text[/quote]
</BBCode>
)
render(<MyComponent />) // <div><blockquote><p>Text</p></blockquote></div>
```
#### Render prop <a name="react-render"></a>
### PostHTML usage <a name="posthtml"></a>
### Create Plugin <a name="plugin"></a>