dwd/tools
2
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

s2

Browse Source
This commit is contained in:
Suvodip
2024-07-06 21:19:02 +05:30
parent b9e2e40f11
commit d368213568
23 changed files with 879 additions and 591 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
multiple-whitespace-remover.php
View File

@@ -1,15 +1,15 @@
<div style="padding-bottom: 350px;">
<div class="container-dxu">
<h2 style="text-align: center; font-size: 25px; padding-bottom: 10px;">Remove Multiple Whitespace</h2>
<textarea class="textarea-text" id="textInput" rows="4" cols="50" placeholder="Enter text here..."></textarea>
<button class="button-style" onclick="processText()">Remove</button>
<div style="display: none;" id="after-procces">
<div id="output"></div>
<P style="display: none; text-align: center;" id="copied-notice"></P>
<button class="button-style" id="copyButton" onclick="copyOutputText()">Copy</button>
<section class="diZContainer diZmxAuto">
<h2 class="diZBorderBottom">Remove Multiple Whitespace</h2>
<div class="diZMaxW600 diZFlexColumn diZmxAuto diZmy20 toolsSection">
<textarea class="textarea-text" id="textInput" rows="10" placeholder="Enter text here..."></textarea>
<button class="diZmt2" onclick="processText()">Remove</button>
<div class="diZFlexColumn diZDisplayNone diZmt2" id="after-procces">
<textarea class="textarea-text" id="output" rows="10" readonly></textarea>
<p class="diZDisplayNone diZTextCenter" id="copied-notice"></p>
<button class="diZmt2" id="copyButton" onclick="copyOutputText()">Copy</button>
</div>
</div>
</div>
</section>
<script>
function removeMultipleWhitespace(text) {
@@ -19,66 +19,23 @@
function processText() {
const inputText = document.getElementById('textInput').value;
const cleanedText = removeMultipleWhitespace(inputText);
document.getElementById('output').innerText = cleanedText;
document.getElementById('after-procces').style.display='block';
document.getElementById('output').value = cleanedText;
document.getElementById('after-procces').style.display = 'flex';
}
function copyOutputText() {
const outputText = document.getElementById('output').innerText;
const outputText = document.getElementById('output').value;
const textarea = document.createElement('textarea');
textarea.value = outputText;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
document.getElementById('copied-notice').style.display = 'block';
document.getElementById('copied-notice').innerHTML = 'Output text copied to clipboard!';
const copiedNotice = document.getElementById('copied-notice');
copiedNotice.style.display = 'block';
copiedNotice.innerHTML = 'Output text copied to clipboard!';
setTimeout(() => {
copiedNotice.style.display = 'none';
}, 2000);
}
</script>
<style>
.container-dxu {
max-width: 600px;
width: 100%;
padding: 20px;
background-color: #3d3d3d;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.textarea-text {
width: calc(100% );
height: 100px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
font-size: 16px;
background-color: #3d3d3d;
}
.button-style{
padding: 10px 20px;
background-color: #7d7d7d;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
.button-style:hover {
background-color: #9d9d9d;
}
#output {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: #3d3d3d;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}
</style>
</script>