diff options
author | Joas Schilling <coding@schilljs.com> | 2021-01-27 01:36:21 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2021-01-27 01:36:21 +0300 |
commit | 9f410418d056d62ef993101e17091df5400380ec (patch) | |
tree | 58522afc522520ee4bbfcdf86f039c55b49951a2 /src | |
parent | b1a18924e584808cffc17f464c34943f761bea8e (diff) |
Use RichText lib to parse Markdown
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/Components/Announcement.vue | 11 | ||||
-rw-r--r-- | src/main.js | 1 |
2 files changed, 9 insertions, 3 deletions
diff --git a/src/Components/Announcement.vue b/src/Components/Announcement.vue index 6207101..2568b47 100644 --- a/src/Components/Announcement.vue +++ b/src/Components/Announcement.vue @@ -76,9 +76,12 @@ v-if="message" class="announcement__message" @click="onClickFoldedMessage"> - <p - :class="{'announcement__message--folded': isMessageFolded}" - v-html="message" /> + <RichText + :text="message" + :arguments="[]" + :autolink="true" + :use-markdown="true" + :class="{'announcement__message--folded': isMessageFolded}" /> <div v-if="isMessageFolded" @@ -95,6 +98,7 @@ </template> <script> +import RichText from '@juliushaertl/vue-richtext' import Actions from '@nextcloud/vue/dist/Components/Actions' import ActionButton from '@nextcloud/vue/dist/Components/ActionButton' import Avatar from '@nextcloud/vue/dist/Components/Avatar' @@ -113,6 +117,7 @@ export default { Actions, ActionButton, Avatar, + RichText, }, props: { isAdmin: { diff --git a/src/main.js b/src/main.js index 7cd6cf7..3c00b10 100644 --- a/src/main.js +++ b/src/main.js @@ -30,6 +30,7 @@ import Vuex from 'vuex' // Styles import '@nextcloud/dialogs/styles/toast.scss' +import '@juliushaertl/vue-richtext/dist/vue-richtext.scss' // eslint-disable-next-line __webpack_nonce__ = btoa(getRequestToken()) |