|
|
|
|
@ -17,6 +17,7 @@
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import type { RawEditorOptions } from 'tinymce';
|
|
|
|
|
import tinymce from 'tinymce/tinymce';
|
|
|
|
|
import Editor from '@tinymce/tinymce-vue'
|
|
|
|
|
import 'tinymce/themes/silver';
|
|
|
|
|
@ -45,7 +46,7 @@
|
|
|
|
|
import { ThemeEnum } from '/@/enums/appEnum';
|
|
|
|
|
const tinymceProps = {
|
|
|
|
|
options: {
|
|
|
|
|
type: Object as PropType<Partial<RawEditorSettings>>,
|
|
|
|
|
type: Object as PropType<Partial<RawEditorOptions>>,
|
|
|
|
|
default: {},
|
|
|
|
|
},
|
|
|
|
|
value: {
|
|
|
|
|
@ -81,6 +82,11 @@
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: true,
|
|
|
|
|
},
|
|
|
|
|
//是否聚焦
|
|
|
|
|
autoFocus:{
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: true,
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default defineComponent({
|
|
|
|
|
@ -144,7 +150,9 @@
|
|
|
|
|
link_title: false,
|
|
|
|
|
object_resizing: true,
|
|
|
|
|
toolbar_mode: 'sliding',
|
|
|
|
|
auto_focus: true,
|
|
|
|
|
//update-begin---author:wangshuai---date:2024-08-01---for:【TV360X-416】单表代码生成,表单打开时,会先聚焦富文本组件,并滚动到富文本组件所在的位置---
|
|
|
|
|
auto_focus: props.autoFocus,
|
|
|
|
|
//update-end---author:wangshuai---date:2024-08-01---for:【TV360X-416】单表代码生成,表单打开时,会先聚焦富文本组件,并滚动到富文本组件所在的位置---
|
|
|
|
|
// toolbar_groups: true,
|
|
|
|
|
skin: skinName.value,
|
|
|
|
|
skin_url: publicPath + 'resource/tinymce/skins/ui/' + skinName.value,
|
|
|
|
|
|