和弦c调来编程 2021-07-16 15:19 采纳率: 100%
浏览 70
已结题

tinymce 在dialog中工具栏选项点击后无法显示

vue 弹窗dialog中使用tinymce 工具栏显示正常
但是点击不生效
如图

img

另外当我把dialog去掉后能好使,如下时dialog处定义


   <el-dialog
      title="编辑内容"
      width="700px"
      :visible.sync="FwbdialogFormVisible"
      :append-to-body="true" >
    <el-form :model="temp" label-width="120px">
         <el-row :gutter="40">
        <el-col :span="24">
          <el-form-item label="产品详情">
            <div style="width: 500px">
              <tinymce
                id="myedit"
                ref="editor"
                class="tinymcecss"
                v-model="temp.property"
                @onClick="onClick"
              />
            </div>
            <div class="fontcss">
              编辑器默认以iphone6尺寸进行编辑,在不同设备、尺寸中展示效果可能不一致,如有需要请调整内容适应
            </div>
          </el-form-item>
  • 写回答

2条回答 默认 最新

  • 和弦c调来编程 2021-07-17 10:30
    关注

    嗯啊,已解决,tinycme 的z-index样式 和 dialog冲突了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月3日
  • 已采纳回答 7月26日
  • 创建了问题 7月16日