7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-11-04 13:46:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2806 from andreasbrett/markdown_description

Browse Source 
add markdown support for description
This commit is contained in:
Louis Lam
2023-02-21 16:19:14 +08:00
committed by GitHub
parent 2c62d197a0 372c6b9078
commit aad1a7e0fa
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/StatusPage.vue
View File

@@ -20,6 +20,9 @@
<div class="my-3"> <div class="my-3">
<label for="description" class="form-label">{{ $t("Description") }}</label> <label for="description" class="form-label">{{ $t("Description") }}</label>
<textarea id="description" v-model="config.description" class="form-control"></textarea> <textarea id="description" v-model="config.description" class="form-control"></textarea>
<div class="form-text">
{{ $t("markdownSupported") }}
</div>
</div> </div>
<!-- Footer Text --> <!-- Footer Text -->
@@ -258,7 +261,9 @@
<!-- Description --> <!-- Description -->
<strong v-if="editMode">{{ $t("Description") }}:</strong> <strong v-if="editMode">{{ $t("Description") }}:</strong>
<Editable v-model="config.description" :contenteditable="editMode" tag="div" class="mb-4 description" /> <Editable v-if="enableEditMode" v-model="config.description" :contenteditable="editMode" tag="div" class="mb-4 description" />
<!-- eslint-disable-next-line vue/no-v-html-->
<div v-if="! enableEditMode" class="alert-heading p-2" v-html="descriptionHTML"></div>
<div v-if="editMode" class="mb-4"> <div v-if="editMode" class="mb-4">
<div> <div>
@@ -500,6 +505,10 @@ export default {
return DOMPurify.sanitize(marked(this.incident.content)); return DOMPurify.sanitize(marked(this.incident.content));
}, },
descriptionHTML() {
return DOMPurify.sanitize(marked(this.config.description));
},
footerHTML() { footerHTML() {
return DOMPurify.sanitize(marked(this.config.footerText)); return DOMPurify.sanitize(marked(this.config.footerText));
}, },