Sha256: 4a3c537711eda520112bc239e32cd0d81e12820c2910bfa2825fbb12caed9b7b
Contents?: true
Size: 1.05 KB
Versions: 43
Compression:
Stored size: 1.05 KB
Contents
import React, { useState } from 'react'
import {
Button,
Card,
RichTextEditor,
} from '../../'
const RichTextEditorPreview = () => {
const [showPreview, setShowPreview] = useState(false)
const [previewText, setPreviewText] = useState(<div />)
const handleChange = (event) => setPreviewText(event)
const handleClick = () => {
setShowPreview(true)
}
return (
<div>
<RichTextEditor
id="content-preview-editor"
onChange={handleChange}
/>
<If condition={showPreview}>
<Card marginTop="md">
<div
className="trix-content"
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{ __html: previewText }}
id="preview-content"
/>
</Card>
<Else />
<div />
</If>
<Button
id="preview-button"
marginTop="md"
onClick={handleClick}
text="Preview Output"
variant="secondary"
/>
</div>
)
}
export default RichTextEditorPreview
Version data entries
43 entries across 43 versions & 1 rubygems