how to manually render data from editor-js

Question

I'm using editor.js for the first time, and I got stuck on this part: After selecting image from my gallery I want to re-render editor js with new image: this is my code for now

let url = `/${this.selectedImg.image.id}/${this.selectedImg.image.name}`
  this.editor.configuration.data.blocks.push({
    data: {
      caption: "",
      file: {url: url},
      stretched: false,
      withBackground: false,
      withBorder: false,
    },
    type: "image"
  })
  console.log(this.editor,'editor')
  this.editor.render()

but this.editor.render() doesn't work, what am I missing? this is console.log screenshot

I would appreciate any help!

Aksix · Accepted Answer · 2021-04-17 23:03:35Z

2

 editor.save().then((data) => {
     data.blocks.push({
       type: "image",
       data: {
         caption: "",
         file: {url: url},
         stretched: false,
         withBackground: false,
         withBorder: false,
       },
     })
     this.editor.render(data)
     this.$emit('close', true)
   })

this was the answer, I misread the docs :)

answered Apr 17, 2021 at 23:03

Aksix

411 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to manually render data from editor-js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related