You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have stored a html in the database and than I m fetching it back to render in the suneditor but whatever the Internal CSS I have given is not coming in the UI not even in the DOM
HTML I m using is
and my suneditor js file is 'use client';
import { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import SunEditor from 'suneditor-react';
import 'suneditor/dist/css/suneditor.min.css';
I have stored a html in the database and than I m fetching it back to render in the suneditor but whatever the Internal CSS I have given is not coming in the UI not even in the DOM
<style>HTML I m using is
body {
background-color: linen;
}
.table-section{
position: relative;
border: none;
width: 100%;
margin: 0px;
}
.main-table{
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
color: #333;
border:none
}
#top5device-eliminated{
border-collapse: collapse;
}
.main-table-wrapper{
background-color: #ffffff;
padding: 0px 10px 0 10px;
width: 600px;
padding: 0px;
margin: 0px;
}
.table-list-box{
background-color: #ffffff; border-radius: 3px; border-collapse: collapse;
}
.table-list-title{
height: 38px;
width: 500px;
border-radius: 3px 3px 0px 0px;
background-color: #3f51b5;
}
.table-list-title-text{
margin: 0px;
padding: 8px 10px;
text-align: center;
font-family: SegoeUI-Semibold, sans-serif; font-style: normal;
font-weight: normal;
font-size: 14px;
color: #ffffff !important;
}
.table-list-td{
max-width: 700px;
padding:10px 10px 10px 10px;
}
.para-text{
font-weight:500;font-size:1rem
}
.content-table{
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
color: #333;
}
.text-center{
text-align:center;
}
.p-1{
padding:10px;
}
h1 {
color: maroon;
margin-left: 40px;
}
th, td {
cellpadding:0;
cellspacing:0;
padding: 8px;
border: .5px solid #979797;
font-family: Segoe UI, sans-serif;
}
th,td.header {
font-size: 16px;
background-color: #EBEBEB;
font-weight: 800;
}
td.prntkeytd {
width: 28.7288%;
}
td.prntvaltd {
width: 70.9322%;
}
td{
font-size:14px;
font-weight:400;
}
span, li{
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
span.keyspan{
color: rgb(0, 0, 0);
font-weight: 600;
}
a{
color:#0078d4;
text-decoration:underline;
}
.url{
font-size: 17px;
font-family: Segoe UI, sans-serif;
}
.center{
text-align: center;
}
.warn{
color: rgb(226, 80, 65);
}
.footer {
margin: 0px;
overflow: visible;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-size: 12px;
color: #000000;
}
</style>
DIM light
An access request has been created that requires your review and approval. Your review should be completed as soon as possible.
How do I take action?
My Tasks
Request Details:
Requested Areas:
Remember! r before $FIELD.duedt
and my suneditor js file is 'use client';
import { useEffect, useState } from 'react';
import { useSelector } from 'react-redux';
import SunEditor from 'suneditor-react';
import 'suneditor/dist/css/suneditor.min.css';
const RichTextEditorComponent = (props) => {
const [editorContent, setEditorContent] = useState('');
const [mentionData, setMentionData] = useState([]);
const updatedformData = useSelector(
(state) => state?.formDataReducer?.updateFormData
);
const { getHeaders } = useApiUtils();
const {
label,
required,
onChange,
value,
useForm,
menitonFunction,
name,
readOnly,
} = props;
};
export default RichTextEditorComponent;
The text was updated successfully, but these errors were encountered: