723 lines
19 KiB
HTML
723 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Project-B</title>
|
|
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/png" sizes="56x56" href="assets/images/fav-icon/v.png">
|
|
<!-- bootstrap CSS -->
|
|
<link rel="stylesheet" href="./assets/css/bootstrap.min.css" type="text/css" media="all" />
|
|
<!-- carousel CSS -->
|
|
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css" media="all"/>
|
|
<!-- nivo-slider CSS -->
|
|
<link rel="stylesheet" href="assets/css/nivo-slider.css" type="text/css" media="all" />
|
|
<!-- animate CSS -->
|
|
<link rel="stylesheet" href="assets/css/animate.css" type="text/css" media="all" />
|
|
<!-- animated-text CSS -->
|
|
<link rel="stylesheet" href="assets/css/animated-text.css" type="text/css" media="all" />
|
|
<!-- font-awesome CSS -->
|
|
<link rel="stylesheet" href="assets/css/all.min.css" type="text/css" media="all" />
|
|
<!-- font-flaticon CSS -->
|
|
<link rel="stylesheet" href="assets/css/flaticon.css" type="text/css" media="all" />
|
|
<!-- theme-default CSS -->
|
|
<link rel="stylesheet" href="assets/css/theme-default.css" type="text/css" media="all" />
|
|
<!-- meanmenu CSS -->
|
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css" type="text/css" media="all" />
|
|
<link rel="stylesheet" href="assets/css/font-awesome.min.css" type="text/css" media="all" />
|
|
<!-- Main Style CSS -->
|
|
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
|
|
<!-- transitions CSS -->
|
|
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css" media="all" />
|
|
<!-- venobox CSS -->
|
|
<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="all" />
|
|
<!-- widget CSS -->
|
|
<link rel="stylesheet" href="assets/css/widget.css" type="text/css" media="all" />
|
|
<!-- responsive CSS -->
|
|
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all" />
|
|
<!-- modernizr js -->
|
|
<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
|
|
<link rel="stylesheet" href="./assets/css/titillium.css" type="text/css">
|
|
<!-- <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'> -->
|
|
<link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
|
|
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> -->
|
|
<link rel="stylesheet" href="./node_modules/quill/dist/quill.snow.css" type="text/css" media="all" />
|
|
|
|
<link rel="stylesheet" href="assets/css/quillTable.css" type="text/css" media="all" />
|
|
|
|
|
|
|
|
<style>
|
|
.question_Text img{
|
|
margin-top: 25px;
|
|
}
|
|
|
|
|
|
.ql-align-right-add{
|
|
display: flow-root;
|
|
}
|
|
.ql-align-left-add{
|
|
/* margin-left: -704px !important; */
|
|
margin-top: 22px;
|
|
display: flex;
|
|
}
|
|
.ChoiceOption{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ql-align-right.table-border{
|
|
width: 167px !important;
|
|
}
|
|
.ql-align-center.table-border{
|
|
width: 152px !important;
|
|
}
|
|
.group_Text{
|
|
margin-top: -28px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.ql-align-justify{
|
|
|
|
}
|
|
|
|
.td-q .ql-align-right{
|
|
float: right;
|
|
}
|
|
|
|
.ql-align-right{
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
/* margin-top: -27px !important; */
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.ql-align-center {
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
/* margin-top: -27px !important; */
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
.question-Group-Description{
|
|
margin-top: -14px;
|
|
}
|
|
|
|
.GroupQuestionId{
|
|
margin-left: 1px;
|
|
}
|
|
|
|
/* strong{
|
|
margin-left: -51px !important;
|
|
} */
|
|
s{
|
|
margin-left: 3px !important;
|
|
}
|
|
em{
|
|
margin-left: 2px !important;
|
|
}
|
|
sub{
|
|
margin-left: -5px !important;
|
|
}
|
|
sup{
|
|
margin-left: 1px !important;
|
|
}
|
|
u{
|
|
margin-left: 0px !important;
|
|
}
|
|
.question_Text{
|
|
inline-size: 700px;
|
|
/* overflow-wrap: break-word;
|
|
hyphens: manual; */
|
|
text-wrap: wrap;
|
|
margin-top: -27px !important;
|
|
|
|
/* width: 700px; */
|
|
/* inline-size: 150px; */
|
|
/* overflow-wrap: break-word;
|
|
inline-size: min-content;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
word-break: break-all; */
|
|
|
|
}
|
|
|
|
#question-Group-Id{
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
/* display: inline-flex; */
|
|
/* flex-direction: column; */
|
|
/* text-decoration: underline; */
|
|
/* justify-content: flex-start; */
|
|
position: relative;
|
|
top: -27px;
|
|
}
|
|
|
|
#group_attempt_any{
|
|
/* display: inline-flex; */
|
|
/* float: right; */
|
|
margin-right: 93px;
|
|
}
|
|
#group_marks{
|
|
/* display: inline-flex; */
|
|
/* float: right; */
|
|
margin-left: 116px;
|
|
margin-right: 4px;
|
|
margin-top: -28px;
|
|
}
|
|
|
|
|
|
hr{
|
|
height: 2px;
|
|
}
|
|
#horizontal:first-of-type{
|
|
display: none;
|
|
}
|
|
|
|
p{
|
|
font-weight: 500;
|
|
}
|
|
|
|
hr{
|
|
border-top: 2px solid rgba(0,0,0,.1) !important;
|
|
}
|
|
|
|
|
|
/* Questions Mark */
|
|
.question_Text{
|
|
display: inline-table;
|
|
/* display: inline-flex; */
|
|
margin-right: 10px;
|
|
}
|
|
#question-mark{
|
|
display: inline-flex;
|
|
margin-right: 10px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
|
|
/* Section SectionAttempt SectionMark */
|
|
#sectionTitle{
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
}
|
|
#sectionAttempt:first-of-type{
|
|
margin-top:-27px;
|
|
}
|
|
#sectionAttempt{
|
|
display: inline-flex;
|
|
margin-right: 15px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
#sectinMark:first-of-type{
|
|
margin-top:-27px;
|
|
}
|
|
#sectionMark{
|
|
display: inline-flex;
|
|
margin-right: 10px;
|
|
float: right;
|
|
margin-top:-27px;
|
|
}
|
|
|
|
/* End the this */
|
|
|
|
mjx-math{
|
|
margin-top: 10px;
|
|
}
|
|
/* Center the heading */
|
|
#heading {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
.text-qus-align :not(p:first-child){
|
|
/* display:flex; */
|
|
/* display: contents; */
|
|
/* display: flow; */
|
|
/* margin-left: 54px; */
|
|
}
|
|
/* .text-qus-align p:first-child{
|
|
margin-left: -23px;
|
|
} */
|
|
/*override code */
|
|
.MathJax.CtxtMenu_Attached_0{
|
|
display: contents !important;
|
|
}
|
|
.text-qus-align{padding-right: 62px; }
|
|
.text-qus-align p{ margin:0; }
|
|
.text-des{ margin-left: 20px;margin-top: 0px;} /* Change there aadhavan top-6px*/
|
|
.text-option-align{display:flex;margin-top: 0%;margin-left: 45px;} /* Change there aadhavan 10px*/
|
|
.text-option-align p{ margin:0; text-wrap: balance;}
|
|
/* #sectionTitle {border-top: 2px solid gray
|
|
; width:99%;} */
|
|
/* #sectionTitle:first-of-type {border:none;} */
|
|
mjx-container[jax="CHTML"][display="true"] {
|
|
display: block;
|
|
text-align: center;
|
|
margin: 1em 0;
|
|
margin-right: 48em;
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
background-image: url('assets/images/bg1-1.png');
|
|
background-size: cover; /* Adjust as needed */
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-color: #00000073;
|
|
|
|
}
|
|
|
|
|
|
.landing-icons{
|
|
width: 100%;
|
|
text-align: right;
|
|
margin-bottom: -32px;
|
|
}
|
|
p{
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
.section-Description{
|
|
inline-size: 680px;
|
|
/* overflow-wrap: break-word;
|
|
hyphens: manual; */
|
|
text-wrap: wrap;
|
|
/* display: inline-flex; */
|
|
/* margin-right: 10px; */
|
|
}
|
|
.question-Description{
|
|
inline-size: 660px;
|
|
text-wrap: wrap;
|
|
}
|
|
.question-Group-Description{
|
|
inline-size: 660px;
|
|
text-wrap: wrap;
|
|
}
|
|
.text-group-align{
|
|
/* display: flex; */
|
|
inline-size: 700px;
|
|
text-wrap: wrap;
|
|
}
|
|
.group_marks_attmpt{
|
|
margin-top: -54px;
|
|
float: right;
|
|
display:inline;
|
|
}
|
|
.group-descrip{
|
|
position: relative;
|
|
top: -21px;
|
|
margin-bottom: -20px;
|
|
}
|
|
/* p.question_Text:not(:first-of-type) {
|
|
margin-left: 34px;
|
|
} */
|
|
|
|
.main-header {
|
|
position: fixed!important;
|
|
top: 0!important;
|
|
width: 100%!important;
|
|
background-color: #fff!important;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)!important;
|
|
z-index: 999!important;
|
|
border-bottom: 2px solid #A8DADC !important;
|
|
}
|
|
|
|
.nav-menu {
|
|
margin-top: -9px!important;
|
|
}
|
|
|
|
.logo-d{
|
|
width: 150px!important;
|
|
padding-top: 10px !important;
|
|
}
|
|
|
|
.heder-menu ul li a {
|
|
font-weight: 400 !important;
|
|
color: #1d3557 !important;
|
|
}
|
|
.heder-menu ul li a:hover {
|
|
filter: invert(23%) sepia(67%) saturate(2476%) hue-rotate(335deg) brightness(89%) contrast(89%);
|
|
}
|
|
|
|
/* .row.section {
|
|
box-shadow: 8px 9px 35px 0px rgb(145 145 145 / 24%) !important;
|
|
background: #fff !important;
|
|
} */
|
|
|
|
.QuestionPaperClass{
|
|
width: 100%;
|
|
position: relative;
|
|
padding: 55px 60px 55px 60px !important;
|
|
margin-top: 50px;
|
|
background-color: #FFFFFF;
|
|
color: #1D3557;
|
|
border-radius: 10px;
|
|
margin-bottom: 50px;
|
|
border-bottom: 4px solid;
|
|
box-shadow: 13px 14px 40px 5px rgba(8, 8, 8, 0.24);
|
|
}
|
|
|
|
.QuestionPaperClass h1{
|
|
color: #1d3557 !important;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- loder -->
|
|
<!-- <div class="loader-wrapper">
|
|
<div class="loader"></div>
|
|
<div class="loder-section left-section"></div>
|
|
<div class="loder-section right-section"></div>
|
|
</div> -->
|
|
|
|
<div id="overlay">
|
|
<div class="cv-spinner">
|
|
<span class="spinner"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- main-header -->
|
|
<div class="main-header">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="nav-menu">
|
|
<div class="header-logo">
|
|
<a href="dashboard.html" ><img class="logo-d" src="assets/images/project-b-logo.png" alt=""></a>
|
|
</div>
|
|
<div class="heder-menu">
|
|
<ul>
|
|
<li><a href="dashboard.html"><img class="addPageMenu" src="assets/images/home.svg" alt="">Home</a></li>
|
|
<li><a id="editlink" href=""><img class="addPageMenu" src="assets/images/edit3.svg" alt="">Edit</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" style=" margin-top: 6%; max-width: 75%;">
|
|
<div class="row section" id="QuestionPaper">
|
|
<div class="QuestionPaperClass">
|
|
<pre id="questionPaper"></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="copy-right-area">
|
|
<div class="copy-left">
|
|
<span style="color: #1D3557;">© 2023 Project-B. All rights reserved.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jquery js -->
|
|
<script src="./node_modules/jquery/dist/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
|
|
<!-- mathjax -->
|
|
<script src="./node_modules/mathjax/es5/tex-chtml-full.js"></script>
|
|
<!-- bootstrap js -->
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<!-- carousel js -->
|
|
<script src="assets/js/owl.carousel.min.js"></script>
|
|
<!-- counterup js -->
|
|
<script src="assets/js/jquery.counterup.min.js"></script>
|
|
<!-- waypoints js -->
|
|
<script src="assets/js/waypoints.min.js"></script>
|
|
<!-- wow js -->
|
|
<script src="assets/js/wow.js"></script>
|
|
<!-- imagesloaded js -->
|
|
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
|
|
<!-- venobox js -->
|
|
<script src="venobox/venobox.js"></script>
|
|
<!-- ajax mail js -->
|
|
<!-- <script src="assets/js/ajax-mail.js"></script> -->
|
|
<!-- animated-text js -->
|
|
<script src="assets/js/animated-text.js"></script>
|
|
<!-- venobox min js -->
|
|
<script src="venobox/venobox.min.js"></script>
|
|
<!-- isotope js -->
|
|
<script src="assets/js/isotope.pkgd.min.js"></script>
|
|
<!-- jquery nivo slider pack js -->
|
|
<script src="assets/js/jquery.nivo.slider.pack.js"></script>
|
|
<!-- jquery meanmenu js -->
|
|
<script src="assets/js/jquery.meanmenu.js"></script>
|
|
<script src="assets/js/popper.min.js"></script>
|
|
<!-- jquery scrollup js -->
|
|
|
|
<script src="assets/js/jquery.scrollUp.js"></script>
|
|
<!-- theme js -->
|
|
<script src="assets/js/theme.js"></script>
|
|
<script src="assets/js/jquery.barfiller.js"></script>
|
|
|
|
<script src="xml2json_for_Questionpaper_preview.js"></script>
|
|
<script src="QuestionPaperPreview.js"></script>
|
|
<script src="decode.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
$("#overlay").show();
|
|
const fs = require('fs');
|
|
const path =require('path');
|
|
// require('dotenv').config();
|
|
//get value from .env
|
|
|
|
// const convertBaseToString =require('./envConvertBasetoString');
|
|
var configObject = convertBaseToString();
|
|
|
|
const isEncrypted = configObject.ENCRYPTED.trim();
|
|
|
|
// const isEncrypted = process.env.ENCRYPTED;
|
|
|
|
const url = new URL(window.location.href);// Get the URL of the current page for JSON
|
|
const params = new URLSearchParams(url.search);// Create a URLSearchParams object from the query string
|
|
const xmlFileName = params.get('filename');// Get the value of a specific parameter
|
|
loadXML(xmlFileName)
|
|
|
|
//Preview edit button
|
|
document.getElementById("editlink").href = "addform.html?filename=" + xmlFileName;
|
|
|
|
//XmlPath get from .env
|
|
|
|
// const decode = require('./decode');
|
|
|
|
// Function to load XML from a file
|
|
function loadXML(xmlFileName) {
|
|
|
|
const xmlPathenv=configObject.XML_FILE_PATH.trim();
|
|
const xmlPath =path.join(__dirname,xmlPathenv);
|
|
|
|
// console.log('xmlFileName', xmlFileName);
|
|
|
|
var decodeData ="";
|
|
var encodedXmlFilePath = `${xmlPath}${xmlFileName}`;
|
|
|
|
var jsonDecodeData = "";
|
|
var jsonFileName = xmlFileName.split('.xml');
|
|
var encodedJsonFilePath = `${xmlPath}${jsonFileName[0]}_answer.json`;
|
|
|
|
// console.log('encodedJsonFilePath', encodedJsonFilePath);
|
|
|
|
var filelist = findFile(encodedJsonFilePath);
|
|
const decode = require('./decode');
|
|
if(filelist !== false)
|
|
{
|
|
//JSON File Read Function
|
|
fs.readFile(encodedJsonFilePath, 'utf8', (error, data) => {
|
|
if (error) {
|
|
console.error('Error reading file:', error);
|
|
} else {
|
|
if (isEncrypted === 'YES') {
|
|
|
|
jsonDecodeData = decode(encodedJsonFilePath);
|
|
localStorage.setItem('json_Decode_Data_For_Mcq_Crt_Ans', jsonDecodeData);
|
|
|
|
} else{
|
|
jsonDecodeData = data;
|
|
localStorage.setItem('json_Decode_Data_For_Mcq_Crt_Ans', jsonDecodeData);
|
|
console.log('jsonDecodeData', jsonDecodeData);
|
|
|
|
}
|
|
|
|
}
|
|
});
|
|
}
|
|
setTimeout(function() {
|
|
|
|
fs.readFile(`${xmlPath}${xmlFileName}`, 'utf8', (error, data) => {
|
|
if (error) {
|
|
console.error('Error reading file:', error);
|
|
} else {
|
|
if (isEncrypted === 'YES') {
|
|
// decrypt function call go to decode.js
|
|
decodeData = decode(encodedXmlFilePath);
|
|
|
|
} else{
|
|
decodeData = data;
|
|
}
|
|
console.log('jsonDecodeData : ', jsonDecodeData);
|
|
xml2json(decodeData);
|
|
|
|
|
|
}
|
|
});
|
|
|
|
}, 1000);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Function for Finding the JSON File in the folder
|
|
function findFile(filePath) {
|
|
try {
|
|
const stats = fs.statSync(filePath);
|
|
|
|
if (stats.isFile()) {
|
|
|
|
// File exists
|
|
// console.log(`File found at: ${filePath}`);
|
|
return true;
|
|
} else {
|
|
// console.error(`Path is not a file: ${filePath}`);
|
|
return false;
|
|
}
|
|
} catch (err) {
|
|
// console.error(`File not found: ${filePath}`);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
setTimeout(() => {
|
|
var parentDiv = $('.text-qus-align');
|
|
var firstParagraph = parentDiv.find('.question_Text:first-child');
|
|
if (firstParagraph.length > 0) {
|
|
firstParagraph.removeAttr('style');
|
|
}
|
|
}, 1000);
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
function thisclassnameWhenPaste() {
|
|
var a =document.querySelectorAll('.text-qus-align');
|
|
a.forEach(function (aa) {
|
|
var elements = aa.querySelectorAll('.ql-align-justify');
|
|
elements.forEach(function(element) {
|
|
element.classList.add('question_Text');
|
|
});
|
|
})
|
|
a.forEach(function (aa) {
|
|
var elements = aa.querySelectorAll('.ql-align-right');
|
|
elements.forEach(function(element) {
|
|
element.classList.add('question_Text');
|
|
});
|
|
})
|
|
a.forEach(function (aa) {
|
|
var elements = aa.querySelectorAll('.ql-align-center');
|
|
elements.forEach(function(element) {
|
|
element.classList.add('question_Text');
|
|
});
|
|
})
|
|
}
|
|
setInterval(thisclassnameWhenPaste, 1000);
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
var counter = 0;
|
|
function quilltableclassname() {
|
|
var hb = document.querySelectorAll('.td-q');
|
|
hb.forEach(function (param,index) {
|
|
var doc = document.createElement('div');
|
|
doc.innerHTML = param.innerHTML;
|
|
var pElement = doc.querySelector('p');
|
|
if (pElement) {
|
|
pElement.classList.add('table-border');
|
|
pElement.classList.remove('question_Text');
|
|
param.innerHTML = doc.innerHTML;
|
|
}
|
|
});
|
|
counter++;
|
|
if (counter === 1) {
|
|
clearInterval(intervalId);
|
|
}
|
|
}
|
|
var intervalId = setInterval(quilltableclassname, 1000);
|
|
</script>
|
|
|
|
|
|
<script>
|
|
function thisclassnameWhenPaste() {
|
|
var textGroupAligns =document.querySelectorAll('.text-group-align');
|
|
textGroupAligns.forEach(function (textGroupAlign) {
|
|
var elements = textGroupAlign.querySelectorAll('.ql-align-justify');
|
|
elements.forEach(function(element) {
|
|
element.classList.add('group_Text');
|
|
element.style.paddingLeft = '15px';
|
|
});
|
|
})
|
|
textGroupAligns.forEach(function (textGroupAlign) {
|
|
var elements = textGroupAlign.querySelectorAll('.ql-align-right');
|
|
elements.forEach(function(element) {
|
|
|
|
element.classList.add('group_Text');
|
|
element.style.paddingLeft = '15px';
|
|
});
|
|
})
|
|
textGroupAligns.forEach(function (textGroupAlign) {
|
|
var elements = textGroupAlign.querySelectorAll('.ql-align-center');
|
|
elements.forEach(function(element) {
|
|
|
|
element.classList.add('group_Text');
|
|
element.style.paddingLeft = '15px';
|
|
});
|
|
})
|
|
}
|
|
setInterval(thisclassnameWhenPaste, 1000);
|
|
</script>
|
|
|
|
|
|
<!-- Start In Preview Image Alignment is Correct -->
|
|
<script>
|
|
function ImageAlignmentChange() {
|
|
var imgTags = document.getElementsByTagName('img');
|
|
var imgArray = Array.from(imgTags);
|
|
|
|
imgArray.forEach(function(imgElement) {
|
|
var alignelement= imgElement.getAttribute('align');
|
|
var parentelement= imgElement.parentNode
|
|
var computedStyle = window.getComputedStyle(imgElement);
|
|
var floatPropertyValue = computedStyle.getPropertyValue('float');
|
|
|
|
if (alignelement == 'center') {
|
|
imgElement.classList.add('ql-align-center-add');
|
|
}else if (alignelement == 'right') {
|
|
imgElement.classList.add('ql-align-right-add');
|
|
}else if (floatPropertyValue == 'left') {
|
|
imgElement.removeAttribute('style');
|
|
imgElement.classList.add('ql-align-left-add');
|
|
imgElement.removeAttribute('align');
|
|
}else if (floatPropertyValue == 'right') {
|
|
imgElement.classList.add('ql-align-right-add');
|
|
}
|
|
});
|
|
}
|
|
setInterval(ImageAlignmentChange, 1000)
|
|
</script>
|
|
<!-- End In Preview Image Alignment is Correct -->
|
|
|
|
</body>
|
|
</html>
|
|
|