TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make URLs in video description links (#863)

Browse source 
* urlify description

* changed to div

* Move urlify function away from rendering.

Co-authored-by: Tom Flux <tom@tomflux.xyz>
Co-authored-by: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
This commit is contained in:
Tom 2022-03-01 09:56:27 +00:00 committed by GitHub
parent b82282c65c
commit ec1ec958c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/WatchVideo.vue
View file

@ -89,7 +89,7 @@
v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`" v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`"
/> />
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<p v-show="showDesc" class="break-words" v-html="purifyHTML(video.description)" /> <div v-show="showDesc" class="break-words" v-html="purifyHTML(video.description)" />
<Chapters v-if="video?.chapters?.length > 0" :chapters="video.chapters" @seek="navigate" /> <Chapters v-if="video?.chapters?.length > 0" :chapters="video.chapters" @seek="navigate" />
<div <div
v-if="showDesc && sponsors && sponsors.segments" v-if="showDesc && sponsors && sponsors.segments"
@ -281,7 +281,11 @@ export default {
this.channelId = this.video.uploaderUrl.split("/")[2]; this.channelId = this.video.uploaderUrl.split("/")[2];
if (!this.isEmbed) this.fetchSubscribedStatus(); if (!this.isEmbed) this.fetchSubscribedStatus();
this.video.description = this.video.description const parser = new DOMParser();
const xmlDoc = parser.parseFromString(this.video.description, "text/html");
xmlDoc.querySelectorAll("a").forEach(elem => (elem.outerHTML = elem.getAttribute("href")));
xmlDoc.querySelectorAll("br").forEach(elem => (elem.outerHTML = "\n"));
this.video.description = this.urlify(xmlDoc.querySelector("body").innerHTML)
.replaceAll(/(?:http(?:s)?:\/\/)?(?:www\.)?youtube\.com(\/[/a-zA-Z0-9?=&]*)/gm, "$1") .replaceAll(/(?:http(?:s)?:\/\/)?(?:www\.)?youtube\.com(\/[/a-zA-Z0-9?=&]*)/gm, "$1")
.replaceAll( .replaceAll(
/(?:http(?:s)?:\/\/)?(?:www\.)?youtu\.be\/(?:watch\?v=)?([/a-zA-Z0-9?=&]*)/gm, /(?:http(?:s)?:\/\/)?(?:www\.)?youtu\.be\/(?:watch\?v=)?([/a-zA-Z0-9?=&]*)/gm,