fsylvain/RenewCMS
1
0
Fork 0
mirror of https://github.com/Floriansylvain/RenewCMS.git synced 2026-08-19 11:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace spaces with tabs

Browse Source
This commit is contained in:
Florian Sylvain
2023-01-07 00:10:52 +01:00
parent 4552ca8b1b
commit a4fb809da4
1 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/admin-gui/src/views/ArticlesEdit.vue
+37 -37
View File
@@ -8,67 +8,67 @@ let article: Ref<Article | void> = ref()
const editorData: Ref<string> = ref('') const editorData: Ref<string> = ref('')
onMounted(async () => { onMounted(async () => {
article.value = await getArticle(useRoute().params.articleID as string) article.value = await getArticle(useRoute().params.articleID as string)
editorData.value = article.value.content.html editorData.value = article.value.content.html
}) })
function abort() { function abort() {
} }
function saveContent() { function saveContent() {
console.log(editorData.value) console.log(editorData.value)
} }
</script> </script>
<template> <template>
<div class="container"> <div class="container">
<div id="editor"> <div id="editor">
<Editor tinymce-script-src="/tinymce/tinymce.min.js" <Editor tinymce-script-src="/tinymce/tinymce.min.js"
:init="{ promotion: false, language: 'fr_FR', resize: false, height: '100%', }" :init="{ promotion: false, language: 'fr_FR', resize: false, height: '100%', }"
:plugins="['link', 'codesample']" :plugins="['link', 'codesample']"
toolbar="undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | outdent indent | codesample link" toolbar="undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | outdent indent | codesample link"
v-model="editorData"> v-model="editorData">
</Editor> </Editor>
</div> </div>
<aside class="buttons"> <aside class="buttons">
<button @click="saveContent()" class="button-primary">Enregistrer</button> <button @click="saveContent()" class="button-primary">Enregistrer</button>
<button @click="abort()" class="button-secondary">Annuler</button> <button @click="abort()" class="button-secondary">Annuler</button>
</aside> </aside>
</div> </div>
</template> </template>
<style scoped> <style scoped>
.container { .container {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
#editor { #editor {
padding-top: 16px; padding-top: 16px;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.tox-tinymce { .tox-tinymce {
border-radius: 0 !important; border-radius: 0 !important;
} }
.buttons { .buttons {
position: relative; position: relative;
z-index: 1; z-index: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: right; justify-content: right;
align-content: center; align-content: center;
gap: 16px; gap: 16px;
width: fit-content; width: fit-content;
padding: 32px 16px; padding: 32px 16px;
box-shadow: #0002 0 0 10px; box-shadow: #0002 0 0 10px;
} }
</style> </style>