<!--<template>-->
<!--  <div class="new-text">-->
<!--    <template v-if="isEdit">-->
<!--      <div class="el-tiptap-editor__content" v-html="option.contentEdit" ref="cusTextTarget"></div>-->
<!--      <el-button type="primary" @click="dialogVisible = true" size="mini" style="position: absolute;right: 0px;bottom: 0px">点击编辑文本内容</el-button>-->
<!--      <vxe-modal v-model="dialogVisible"-->
<!--                 width="80%"-->
<!--                 title="编辑"-->
<!--                 heith="500px"-->
<!--                 show-footer-->
<!--                 show-zoom-->
<!--                 resize-->
<!--                 remember>-->
<!--        <div class="" style="display: flex;flex-wrap: wrap;">-->
<!--          <div style="margin: 5px" v-for="(item,index) in filed" :key="index">-->
<!--            <el-button type="primary" size="mini" plain @click="setFiled('@'+index+'@')">{{ item }}</el-button>-->
<!--          </div>-->
<!--          <div style="margin: 5px" v-for="(item,index) in filedList" :key="inndex">-->
<!--            <el-tooltip class="item" effect="dark" :content="item" placement="top">-->
<!--              <el-button type="primary" size="mini" plain @click="setFiled('@'+index+'@')">{{ index }}({{ item }})-->
<!--              </el-button>-->
<!--            </el-tooltip>-->
<!--          </div>-->
<!--        </div>-->
<!--        <el-tiptap v-model="option.content"-->
<!--                   placeholder="请输入文章内容"-->
<!--                   height="400"-->
<!--                   :extensions="extensions">-->
<!--        </el-tiptap>-->
<!--        <span slot="footer" class="dialog-footer">-->
<!--        <el-button @click="dialogVisible = false">取 消</el-button>-->
<!--        <el-button type="primary" @click="submit">确 定</el-button>-->
<!--      </span>-->
<!--      </vxe-modal>-->
<!--    </template>-->
<!--    <template v-else>-->
<!--      <div class="el-tiptap-editor__content" v-html="option.content" ref="cusTextTarget"></div>-->
<!--    </template>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import {-->
<!--  Doc,-->
<!--  Text,-->
<!--  Paragraph,-->
<!--  Heading,-->
<!--  Bold,-->
<!--  Underline,-->
<!--  Italic,-->
<!--  Strike,-->
<!--  ListItem,-->
<!--  BulletList,-->
<!--  OrderedList,-->
<!--  TodoItem,-->
<!--  TodoList,-->
<!--  HorizontalRule,-->
<!--  CodeBlock,-->
<!--  TextColor,-->
<!--  Table,-->
<!--  TableHeader,-->
<!--  TableCell,-->
<!--  TableRow,-->
<!--  TextAlign,-->
<!--  History,-->
<!--  FontType,-->
<!--  FontSize,-->
<!--} from 'element-tiptap'-->
<!--import {param, filedList as filed} from '@/option/config'-->
<!--export default {-->
<!--  name: "new-edit",-->
<!--  props: ["option", "site", "isEdit"],-->
<!--  data() {-->
<!--    return {-->
<!--      filed: filed,-->
<!--      filedList: {},-->
<!--      dialogVisible: false,-->
<!--      param: JSON.parse(JSON.stringify(param)),-->
<!--      extensions: [-->
<!--        new Doc(),-->
<!--        new Text(),-->
<!--        new Paragraph(),-->
<!--        new FontType(),-->
<!--        new FontSize(),-->
<!--        new Heading({level: 5}),-->
<!--        new Bold(),-->
<!--        new Underline(), // 下划线-->
<!--        new Italic(), // 斜体-->
<!--        new Strike(), // 删除线-->
<!--        new HorizontalRule(),// 分割线-->
<!--        new CodeBlock(), // 代码块-->
<!--        new TextColor(), // 文本颜色-->
<!--        new ListItem(),-->
<!--        new TextAlign(),-->
<!--        new BulletList(), // 无序列表  (必须与 ListItem 一起使用)-->
<!--        new OrderedList(), // 有序列表  (必须与 ListItem 一起使用)-->
<!--        new TodoItem(),-->
<!--        new TodoList(), // 任务列表 (必须与 ListItem 一起使用)-->
<!--        new Table(),// (与 TableHeader, TableCell, TableRow 一起使用)-->
<!--        new TableHeader(),-->
<!--        new TableCell(),-->
<!--        new TableRow(),-->
<!--        new History(),-->
<!--      ],-->
<!--    };-->
<!--  },-->
<!--  computed: {-->
<!--    countStyle() {-->
<!--      let {color, fontSize, letterSpacing, fontWeight, switchHref} = this.option;-->
<!--      return {-->
<!--        color: color,-->
<!--        fontSize: fontSize + "px",-->
<!--        letterSpacing: letterSpacing + "px",-->
<!--        fontWeight,-->
<!--        cursor: switchHref ? "pointer" : "unset",-->
<!--        transform: `translateX(${this.left}px)`,-->
<!--      };-->
<!--    },-->
<!--  },-->
<!--  watch: {},-->
<!--  mounted() {-->
<!--  },-->
<!--  methods: {-->
<!--    init() {-->
<!--      console.log(this.isEdit)-->
<!--      var str = this.option.content-->
<!--      XEUtils.objectEach(filed, (item, key) => {-->
<!--        var reg = "/@" + key + "@/g";-->
<!--        str = g.replaceAll(str, eval(reg), this.param[key], true)-->
<!--      })-->
<!--      XEUtils.objectEach(this.filedList, (item, key) => {-->
<!--        var reg = "/@" + key + "@/g";-->
<!--        str = g.replaceAll(str, eval(reg), item, true)-->
<!--      })-->
<!--      if (this.isEdit){-->
<!--        this.option.contentEdit = str-->
<!--      }else{-->
<!--        this.option.content = str-->
<!--      }-->

<!--    },-->
<!--    setFiled(val) {-->
<!--      document.execCommand("insertHTML", false, val);-->
<!--    },-->
<!--    update(data) {-->
<!--      this.filedList = data[0]-->
<!--      this.init()-->
<!--    },-->
<!--    submit() {-->
<!--      this.dialogVisible = false-->
<!--      this.init()-->
<!--    }-->
<!--  },-->
<!--};-->
<!--</script>-->
<!--<style lang="scss">-->
<!--.new-text {-->
<!--  overflow: hidden;-->

<!--  .wrapper {-->
<!--    min-width: 100%;-->
<!--    height: 100%;-->
<!--    text-decoration: none;-->
<!--    white-space: nowrap;-->
<!--  }-->
<!--}-->
<!--</style>-->
