富文本编辑组件-tinymce

富文本编辑组件-tinymce

代码示例:

<template>
	<el-row type="flex" justify="center">
		<el-col :span="24">
		<el-form-item label="内容" prop="content" class="editor">
			<TinyMceEditor
			v-model:content-value="createForm.content"
			:disabled="false"
			></TinyMceEditor>
		</el-form-item>
		</el-col>
	</el-row>
</template>
<script setup lang="ts">
import TinyMceEditor from "@/pages/laravel-fast-api/v1/components/element/Editor/Tinymce/TinyMceEditor.vue";
</script>
<style lang="scss" scoped>

.editor :deep(.el-form-item__content) {
  width: 100%;
  min-width: 40rem;
  max-width: 100rem;
  height: auto;
}
</style>