code002lover/IPost
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

added crossout text

Browse Source
This commit is contained in:
Mystikfluu 2022-04-24 13:56:06 +02:00
parent 083136a94e
commit d29ab2ae36
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/posts.css
View File

@ -14,6 +14,14 @@
color: yellow; color: yellow;
} }
.crossout {
text-decoration: line-through;
}
.greentext {
color: green;
}
#posts > div { #posts > div {
background-color: darkgray; background-color: darkgray;
padding-left: 5px; padding-left: 5px;

30
js/posts.js
View File

@ -10,28 +10,33 @@ socket.addEventListener("message", function (event) {
} }
}) })
function urlify(text) { function urlify(text) {
let urlRegex = /(([a-z]+:\/\/)?(([a-z0-9\-]+\.)+([a-z]{2}|aero|arpa|biz|com|coop|edu|gov|info|int|jobs|mil|museum|name|nato|net|org|pro|travel|local|internal|tk|ga))(:[0-9]{1,5})?(\/[a-z0-9_\-\.~]+)*(\/([a-z0-9_\-\.]*)(\?[a-z0-9+_\-\.%=&]*)?)?(#[a-zA-Z0-9!$&'()*+.=-_~:@/?]*)?)(\s+|$)/gi let textregex = /(([a-z]+:\/\/)?(([a-z0-9\-]+\.)+([a-z]{2}|aero|arpa|biz|com|coop|edu|gov|info|int|jobs|mil|museum|name|nato|net|org|pro|travel|local|internal|tk|ga))(:[0-9]{1,5})?(\/[a-z0-9_\-\.~]+)*(\/([a-z0-9_\-\.]*)(\?[a-z0-9+_\-\.%=&]*)?)?(#[a-zA-Z0-9!$&'()*+.=-_~:@/?]*)?)(\s+|$)/gi
return text.replace(urlRegex,'<a href="$1">$1</a> ') return text.replace(textregex,'<a href="$1">$1</a> ')
} }
function newlineify(text) { function newlineify(text) {
let urlRegex = /(\n)/gi let textregex = /(\n)/gi
return text.replace(urlRegex,' <br>') return text.replace(textregex,' <br>')
}
function crossout(text) {
let textregex = /~([^~]*)~/gi
return text.replace(textregex,'<span class="crossout">$1</span>')
} }
function italicify(text) { function italicify(text) {
let urlRegex = /\*([^\*]*)\*/gi let textregex = /\*([^\*]*)\*/gi
return text.replace(urlRegex,'<i>$1</i> ') return text.replace(textregex,'<i>$1</i> ')
} }
function boldify(text) { function boldify(text) {
let urlRegex = /\*\*([^\*]*)\*\*/gi let textregex = /\*\*([^\*]*)\*\*/gi
return text.replace(urlRegex,'<b>$1</b> ') return text.replace(textregex,'<b>$1</b> ')
} }
function filterMentions(text) { function filterMentions(text) {
let mentionRegex = /(@[^\s]*)/gi let textregex = /(@[^\s]*)/gi
return text.replace(mentionRegex,'<span class="mention">$1</span> ') return text.replace(textregex,'<span class="mention">$1</span> ')
} }
document.getElementById("post-btn").addEventListener("click",async function() { document.getElementById("post-btn").addEventListener("click",async function() {
if(document.getElementById("post-text").value.length >= 1001) { let len = document.getElementById("post-text").value.length
alert("Error, your message cant contain more than 1000 characters!") if(len >= 1001) {
alert(`Error, your message cant contain more than 1000 characters! (${len})`)
return return
} }
let r = await post("/api/post",{"message":document.getElementById("post-text").value}) let r = await post("/api/post",{"message":document.getElementById("post-text").value})
@ -42,6 +47,7 @@ function filterPost(text) {
text = newlineify(text) text = newlineify(text)
text = urlify(text) text = urlify(text)
text = filterMentions(text) text = filterMentions(text)
text = crossout(text)
text = boldify(text) text = boldify(text)
text = italicify(text) text = italicify(text)