Insert image to trix-editor through javascript

[adiubaidah]

Does anyone know how to insert attachment in trix editor with javascript ?,

1. I have the image through the url, and that url is working properly
2. and when i use const attachment = new Trix.Attachment({content : url}) and insertAttachment, it only display the url not the image

• Trix version: 2.04
• Browser name and version: Chrome Version 112.0.5615.49 (Official Build) (64-bit)
• Operating system: Windows

[stanj98]

Hey, have you found a solution to this?

[andrii-baran-nfgp]

Have you tried?

new Trix.Attachment({content : url, contentType:"image"})

[sejutaimpian]

function addImageUrl(url, caption) {
    const attachment = new Trix.Attachment({ filename: caption, url: url, contentType: "image/png" })
    element.editor.insertAttachment(attachment)
}

this worked for me.