Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-14 14:24:24 +00:00
Code Issues Actions Projects Releases Wiki Activity

use ckeditor

Browse Source
This commit is contained in:
Boris Waaub 2024-05-08 18:03:50 +02:00
parent 19af0feb57
commit 1d33ae1e39
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue
View File

@ -11,8 +11,15 @@
<div v-if="activeTab === 'comment'"> <div v-if="activeTab === 'comment'">
<form @submit.prevent="createComment"> <form @submit.prevent="createComment">
<textarea v-model="content" class="form-control" id="content" rows="3" <ckeditor
:placeholder="$t('comment.label')"></textarea> name="content"
:placeholder="$t('comment.content')"
:editor="editor"
v-model="content"
tag-name="textarea">
</ckeditor>
<!-- <textarea v-model="content" class="form-control" id="content" rows="3"
:placeholder="$t('comment.label')"></textarea> -->
<div class="d-flex justify-content-end p-2"> <div class="d-flex justify-content-end p-2">
<button class="btn btn-chill-green text-white float-right" type="submit"> <button class="btn btn-chill-green text-white float-right" type="submit">
@ -84,6 +91,8 @@
import { computed, defineComponent, inject, ref } from "vue"; import { computed, defineComponent, inject, ref } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useStore } from "vuex"; import { useStore } from "vuex";
import CKEditor from '@ckeditor/ckeditor5-vue';
import ClassicEditor from "../../../../../../../ChillMainBundle/Resources/public/module/ckeditor5";
// Types // Types
import { User, UserGroup, UserGroupOrUser } from "../../../../../../../ChillMainBundle/Resources/public/types"; import { User, UserGroup, UserGroupOrUser } from "../../../../../../../ChillMainBundle/Resources/public/types";
@ -98,6 +107,7 @@ export default defineComponent({
components: { components: {
MotiveSelectorComponent, MotiveSelectorComponent,
AddresseeSelectorComponent, AddresseeSelectorComponent,
ckeditor: CKEditor.component,
}, },
setup() { setup() {
const store = useStore(); const store = useStore();
@ -162,6 +172,7 @@ export default defineComponent({
addressees, addressees,
users, users,
content, content,
editor: ClassicEditor,
createMotive, createMotive,
createComment, createComment,
setAdressees, setAdressees,