富文本集成 input 输入框

实现功能： 富文本集成 input 输入框
富文本控件:tinymce
实现功能：

1. 编辑文书模板 制定文书排版 保留输入位置
2. 模板固定 根据需要 按需填入数据
3. 替换原富文本的空 生成可以打印的文本

<template>
  <div id="demo">
    <div
      style="margin-top: 30px;padding: 20px;text-align: left;box-sizing:border-box;"
    >
      <div style="background:#fff;padding: 20px;box-sizing:border-box;">
        <div style="margin-bottom:10px;">
          <el-button type="primary" plain @click="join">插入未填项</el-button>
        </div>

        <tinymce-editor ref="textarea" :height="350"> </tinymce-editor>
        <div style="margin:10px 0;">
          <el-button type="primary" plain @click="change"
            >保存转换形式</el-button
          >
        </div>
        <el-divider content-position="center">新的页面展示形式</el-divider>

        <div v-html="str" id="keke"></div>
        <div style="margin:10px 0;">
          <el-button type="primary" plain @click="print"
            >转换成打印形式</el-button
          >
        </div>
        <el-divider content-position