react-text-editor-kit/application/src/components/PreviewModel.jsx

React Text Editor Kit is a customizable rich text editor component for React applications. It provides a flexible and easy-to-use interface for users to create and edit content with various formatting options. And also easy to integrate in react applicati

import React from "react";
import Modal from "./Model";
import Styles from "../css/style.module.css";

export default function PreviewModel(props) {
  const { openPreview, setOpenPreview, previewContent } = props;
  return (
    <div className={Styles.mlMainContentBox}>
      <Modal
        isOpen={openPreview}
        onClose={() => setOpenPreview(false)}
        title="Preview"
        className={Styles.fullScreenModel}
      >
        <div
          className={Styles.reactEditorMt10}
          dangerouslySetInnerHTML={{ __html: previewContent }}
        ></div>
      </Modal>
    </div>
  );
}