Ad5001/SimpleWebpageContentEditor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Base working version

Browse source
This commit is contained in:
Adsooi 2023-10-17 04:35:03 +02:00
commit d0255e7aaf
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
10 changed files with 1886 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
popup/control.html Normal file
View file

@ -0,0 +1,69 @@
<!--
* Simple local webpage content editing extension that allows in-browser edition and HTML export
* Copyright (c) Ad5001 2023
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Simple Content Editor Control Popup</title>
<style>
button {
margin: .3em;
border: none;
border-radius: .5em;
color: white;
padding: .5em;
padding-right: 1em;
padding-left: 1em;
cursor: pointer;
width: 15ch;
}
button:hover, button:focus {
filter: brightness(1.2)
}
button:active {
filter: brightness(1.4)
}
#start-editing {
background: green;
}
#save-html {
background: #4185ff;
}
#stop-editing {
background: #bb1111;
}
.not-editing > #save-html,
.not-editing > #stop-editing,
.editing > #start-editing {
display: none;
}
</style>
<script src="control.js"></script>
</head>
<body id="editing-controls" class="not-editing">
<button id="start-editing">Start Editing</button>
<button id="save-html">Save HTML</button><br>
<button id="stop-editing">Stop Editing</button>
</body>
</html>

61
popup/control.js Normal file
View file

@ -0,0 +1,61 @@
/**
* Simple local webpage content editing extension that allows in-browser edition and HTML export
* Copyright (c) Ad5001 2023
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
**/
function toggleEditingUI() {
document.body.classList.toggle("not-editing")
document.body.classList.toggle("editing")
}
function download(link, name) {
let element = document.createElement('a');
element.setAttribute('href', link);
element.setAttribute('download', name);
console.log("Downloading", link)
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
window.addEventListener("load", () => {
// Check for current tab information
browser.runtime.sendMessage({
request: "query-current-tab-edition-status"
}).then((hasEditionStarted) => {
if(hasEditionStarted)
toggleEditingUI()
});
document.querySelector("#start-editing").addEventListener("click", () => {
toggleEditingUI()
browser.runtime.sendMessage({ request: "start-editing" });
})
document.querySelector("#save-html").addEventListener("click", () => {
browser.runtime.sendMessage({ request: "export-html" }).then((downloadInfo) => download(downloadInfo.link, downloadInfo.name));
})
document.querySelector("#stop-editing").addEventListener("click", () => {
toggleEditingUI()
browser.runtime.sendMessage({ request: "end-editing" });
})
})