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