# UEditor

<template>
<div>
	<u-editor class="main-detail-editor"
					  ref="myEditor"
					  width="380px"
					  :height="460"
					  :resPath="uePath"
					  :config="editConfig"
					  :content.sync="content"
			></u-editor>
	<el-button type="primary" @click="save">保存</el-button>
</div>
</template>

<script>

  import {UEditor} from 'sjfx/pc';
  import Config from '@/config';
  import {layer} from 'sjfx';

  export default {
    name: "topic-form",
    components: {
      UEditor,
    },
    props: {
      myModel: {
        type: Object
      }
    },
    data() {
      return {
        uePath: Config.editorPath,
        editConfig: Object.assign({
          autoHeightEnabled: false,
          autoFloatEnabled: false
        }, Config.editorConfig),

        content: ''

      }
    },
    methods: {
      add() {
	  	this.content = '';
        setTimeout(() => {
          this.$refs.myEditor.display();
        }, 100);
      },
      edit(data) {
        this.myModel.getContent().then(content => {
          this.content = content;
          setTimeout(() => {
            this.$refs.myEditor.display();
          }, 100);
        });
      },
      save() {
        this.myModel.content = this.content;
        this.myModel.$check().then(() => {
          this.myModel.$setData().then(() => {
            layer.success('保存成功！');
            this.visible = false;
            this.$emit('save');

            this.content = '';
            this.$refs.myEditor.display();
          })
        });
      }
    }
  }
</script>