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 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);
// Fonction pour afficher le Quicky Editor
const toggleQuickyEditor = () => {
showQuickyEditor.value = true;
showHtmlEditor.value = false;
};
// Fonction pour afficher le HTML Editor
const toggleHtmlEditor = () => {
showHtmlEditor.value = true;
showQuickyEditor.value = false;
@@ -28,12 +28,12 @@ const toggleHtmlEditor = () => {
<button @click="toggleHtmlEditor">HTML</button>
</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 />
</div>
<div v-if="showHtmlEditor" class="mt-16"> <!-- Ajouter un margin-top pour éviter le chevauchement -->
<div v-if="showHtmlEditor" class="mt-16">
<HTMLContentEditor />
</div>
</div>