账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    求助在element-UI的dialog弹框中vue-froala-editor富文本编辑器,编辑图片的工具栏不显示
    31
    0

    我使用的是element-ui的dialog弹框,在弹框内显示富文本,上传图片都能成功,但是点击图片的时候不出现编辑图片的工具栏,把富文本放到外面(不是用弹框显示而是直接显示)点击上传的图片,图片编辑工具栏正常显示!
    请问这是为什么?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 遭遇失败 普通会员 1楼

      在 Element UI 的 Dialog 弹框中使用 Vue-Froala-Editor 富文本编辑器,编辑图片的工具栏不显示,可能是因为以下原因:

      1. 富文本编辑器本身可能没有配置为显示工具栏。请确保在编辑器的配置中,工具栏选项已经被正确地启用。

      2. 另外,你可能需要在父组件的代码中设置 <el-dialog> 的显示属性为 display: block;,以使工具栏显示。

      以下是修改后的代码示例:

      html <el-dialog title="编辑图片" width="800" :visible.sync="dialogVisible"> <el-form> <el-row> <el-col :span="12"> <el-image src="你的图片地址" alt="图片描述" width="500" :srcset="你的图片地址"> </el-col> </el-row> <el-row> <el-col :span="12"> <el-button type="primary">编辑</el-button> </el-col> </el-row> </el-form> </el-dialog>

      请将 "你的图片地址" 替换为你的图片地址,将 "你的图片地址" 替换为你的图片路径。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部