BC-5565 - bump ckeditor5 (#2923)

* Bump custom ckeditor to 1.0.0

* Add prop for editor type

package.json

@@ -17,7 +17,7 @@
 	"dependencies": {
 		"@braintree/sanitize-url": "^6.0.4",
 		"@ckeditor/ckeditor5-vue2": "^3.0.1",
-		"@hpi-schul-cloud/ckeditor": "0.4.0",
+		"@hpi-schul-cloud/ckeditor": "^1.0.0",
 		"@lumieducation/h5p-webcomponents": "^9.2.2",
 		"@mdi/js": "^7.3.67",
 		"@types/vuelidate": "^0.7.21",

src/components/feature-board-text-element/RichTextContentElementEdit.vue

@@ -6,6 +6,7 @@
 			:placeholder="
 				$t('components.cardElement.richTextElement.placeholder').toString()
 			"
+			type="balloon"
 			mode="simple"
 			@update:value="onUpdateValue"
 			@focus="onFocus"

src/components/feature-editor/CKEditor.vue

@@ -2,8 +2,8 @@
 	<ckeditor
 		ref="ck"
 		v-model="modelValue"
+		:editor="editor"
 		:config="config"
-		:editor="CustomCKEditor"
 		data-testid="ckeditor"
 		:disabled="disabled"
 		@blur="handleBlur"
@@ -39,6 +39,11 @@ export default defineComponent({
 			type: String,
 			default: "",
 		},
+		type: {
+			type: String,
+			validator: (value) => ["classic", "balloon"].includes(value),
+			default: "classic",
+		},
 		mode: {
 			type: String,
 			validator: (value) => ["simple", "regular"].includes(value),
@@ -56,6 +61,11 @@ export default defineComponent({
 
 		const ck = ref(null);
 		const modelValue = useVModel(props, "value", emit);
+		const editor = computed(() => {
+			return props.type === "classic"
+				? CustomCKEditor.ClassicEditor
+				: CustomCKEditor.BalloonEditor;
+		});
 
 		const language = i18n.locale;
 		const charCount = ref(0);
@@ -263,6 +273,7 @@ export default defineComponent({
 
 		return {
 			ck,
+			editor,
 			modelValue,
 			CustomCKEditor,
 			config,