butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Make links clickable

Browse source 
Issue #60.
This commit is contained in:
N-Pex 2021-02-25 16:15:49 +01:00
parent d32bc1134d
commit a892ee780f
7 changed files with 419 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/messages/MessageIncomingText.vue
View file

@ -13,10 +13,10 @@
<div class="original-message-sender">
{{ inReplyToSender || "Someone" }} said:
</div>
<div class="original-message-text">{{ inReplyToText }}</div>
<div class="original-message-text" v-html="linkify($sanitize(inReplyToText))" />
</div>
<div class="message">
{{ messageText }}
<span v-html="linkify($sanitize(messageText))" />
<span class="edit-marker" v-if="event.replacingEventId()"
>(edited)</span
>

4
src/components/messages/MessageOutgoingText.vue
View file

@ -11,11 +11,11 @@
<div class="original-message-sender">
{{ inReplyToSender || "Someone" }} said:
</div>
<div class="original-message-text">{{ inReplyToText }}</div>
<div class="original-message-text" v-html="linkify($sanitize(inReplyToText))" />
</div>
<div class="message">
{{ messageText }}
<span v-html="linkify($sanitize(messageText))" />
<span class="edit-marker" v-if="event.replacingEventId()"
>(edited)</span
>

7
src/components/messages/messageMixin.js
View file

@ -1,4 +1,7 @@
import QuickReactions from './QuickReactions.vue';
var linkify = require('linkifyjs');
var linkifyHtml = require('linkifyjs/html');
linkify.options.defaults.className = "link";
export default {
components: {
@ -192,5 +195,9 @@ export default {
}
return date.toLocaleString();
},
linkify(text) {
return linkifyHtml(text);
}
},
}