jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

I mixed both types of posts in the same editor.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-10-23 13:32:19 -04:00
parent efb138bfcd
commit 53e208a9a9
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/contents/ContentEditorPage.vue
View File

@@ -3,17 +3,17 @@ import { ref } from 'vue';
import HTMLContentEditor from "@/views/contents/HTMLContentEditor.vue"; import HTMLContentEditor from "@/views/contents/HTMLContentEditor.vue";
import QuickyContentEditor from "@/views/contents/QuickyContentEditor.vue"; import QuickyContentEditor from "@/views/contents/QuickyContentEditor.vue";
// Variables réactives pour gérer l'état des éditeurs
const showQuickyEditor = ref(true); // Par défaut, Quicky Editor est affiché const showQuickyEditor = ref(true);
const showHtmlEditor = ref(false); const showHtmlEditor = ref(false);
// Fonction pour afficher le Quicky Editor
const toggleQuickyEditor = () => { const toggleQuickyEditor = () => {
showQuickyEditor.value = true; showQuickyEditor.value = true;
showHtmlEditor.value = false; showHtmlEditor.value = false;
}; };
// Fonction pour afficher le HTML Editor
const toggleHtmlEditor = () => { const toggleHtmlEditor = () => {
showHtmlEditor.value = true; showHtmlEditor.value = true;
showQuickyEditor.value = false; showQuickyEditor.value = false;
@@ -28,12 +28,12 @@ const toggleHtmlEditor = () => {
<button @click="toggleHtmlEditor">HTML</button> <button @click="toggleHtmlEditor">HTML</button>
</div> </div>
<!-- Conteneur qui s'affiche selon le bouton cliqué -->
<div v-if="showQuickyEditor" class="mt-16"> <!-- Ajouter un margin-top pour éviter le chevauchement --> <div v-if="showQuickyEditor" class="mt-16">
<quicky-content-editor /> <quicky-content-editor />
</div> </div>
<div v-if="showHtmlEditor" class="mt-16"> <!-- Ajouter un margin-top pour éviter le chevauchement --> <div v-if="showHtmlEditor" class="mt-16">
<HTMLContentEditor /> <HTMLContentEditor />
</div> </div>
</div> </div>