diff --git a/src/snek/static/message-list.js b/src/snek/static/message-list.js index 7f3c61b..e60cda1 100644 --- a/src/snek/static/message-list.js +++ b/src/snek/static/message-list.js @@ -17,6 +17,14 @@ class MessageListElement extends HTMLElement { this.component = document.createElement('div') this.shadowRoot.appendChild(this.component ) } + linkifyText(text) { + const urlRegex = /https?:\/\/[^\s]+/g; + + return text.replace(urlRegex, (url) => { + return `${url}`; + }); + + } createElement(message){ const element = document.createElement("div") element.dataset.uid = message.uid @@ -40,7 +48,7 @@ class MessageListElement extends HTMLElement { author.textContent = message.user_nick const text = document.createElement("div") text.classList.add("text") - text.textContent = message.message + text.innerHTML = this.linkifyText(message.message) const time = document.createElement("div") time.classList.add("time") time.textContent = message.created_at