How to attch files using the Richtext Component about kvision HOT 7 CLOSED

This is not supported currently. It should be possible according to the docs: https://github.com/basecamp/trix?tab=readme-ov-file#storing-attached-files, but I would have to play a bit with this. I'll leave this issue open and get back when I have more info.

from kvision.

Thank you for the response. I have noticed also that it doesn't support tables. Is there a way to use other editors that support tables?

from kvision.

In general, yes. You can write wrappers for any JS library out there (e.g CKEditor, Tiny MCE and others). But it's not an easy task because you need to know the chosen library quite well. As an alternative you can try using some React component, which would probably be easier to adapt but with additional bundle size cost. You can find an example of using editor-type React component in the guide: https://kvision.gitbook.io/kvision-guide/4.-integrating-with-javascript-libraries/using-react-components#advanced-components

from kvision.

I've unblocked file uploading with a new RichText/RichTextInput parameter. In the next release you will be able to process attachments like this:

richText(allowFileUploads = true) {
    onEvent {
        event("trix-attachment-add") { event: dynamic ->
            if (event.attachment.file != null) {
                KVScope.launch { // we will use suspending function so lauch is needed 
                    val content = event.attachment.file.unsafeCast<File>().getContent() // extension function from io.kvision.utils
                    console.log(content) // content is a String containing data uri
                    // save content somewhere on a server, get url in return
                    val fileUrl = uploadService.uploadFileAndReturnUrl(content)
                    event.attachment.setAttributes(
                        obj {
                            this.url = fileUrl   // change file url in the edited html code
                        }
                    )
                }
            }
        }
    }
}

from kvision.

This is good news. When is the next release which I can start using this code?

from kvision.

It's being published right now.

from kvision.

Fixed in 7.4.3

from kvision.