rogee/tg_exporter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: link color issues

Browse Source
This commit is contained in:
Rogee
2024-09-27 18:12:28 +08:00
parent 61af5a1f05
commit 4a9695ffbf
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/MediaContent.vue
View File

@@ -18,27 +18,27 @@ export default defineComponent({
};
const nl2br = function (content) {
var breakTag = typeof is_xhtml === "undefined" ? "<br />" : "<br>";
var breakTag = "<br>";
return (content + "").replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, "$1" + breakTag + "$2");
}
const replaceTags = (content) => {
content = content.replace(/#(\S+)/g, '<a href="/search?tag=$1">#$1</a>');
content = content.replace(/#(\S+)/g, '<a class="link" href="/search?tag=$1">#$1</a>');
return content;
}
const replaceLinks = (content) => {
content = content.replace(/(https?:\/\/\S+)/g, '<a href="$1" target="_blank">$1</a>');
content = content.replace(/(https?:\/\/\S+)/g, '<a class="link" href="$1" target="_blank">$1</a>');
return content;
}
const processedContent = computed(() => {
let content = props.content.trim();
content = nl2br(content, false);
content = replaceTags(content)
content = replaceLinks(content)
content = nl2br(content);
return content;
});
@@ -51,3 +51,9 @@ export default defineComponent({
},
});
</script>
<style>
.link {
@apply hover:text-sky-300 text-sky-500;
}
</style>