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

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冲突了

    打赏 评论
  • 应该是el-dialog的样式与tinymce的样式有冲突。

    1 打赏 评论

相关推荐 更多相似问题