Vue.Js 3.x support

[Xoben]

Does someone have a timeline on when Froala will support Vue.Js 3.x

https://v3.vuejs.org/

[iissy]

I want to know what is plan for vue 3.x

[vankizmann]

For the time being you can try my fork https://github.com/froala/vue-froala-wysiwyg/pull/170

Dunno why no one is responding to the request.

[SimonOrdo]

An update to VueJs 3 would be very welcomed.

[mstikharev]

Hello guys, how we can speed up this issue. It's very important for us to upgrade froala supporting vue3. We are paying you for plugin but we can't get fresh updates. Can you pls do something???? Vue 3 was released 18 September 2020. For half year you can't support it. Not funny :(

[olemarius]

We're upgrading our legacy website to vue 3 and lacking vue 3 support from froala is becoming a more and more critical blocker. Ilyas Karim from support told me Vue 3 will be supported from 3.3.1 but instead it seems froala jumped from 3.2.7 to 4.0.

If vue 3 wont be prioritized, please let us know so we can look at other options.

[allmanaj]

Will there be any update on Vue 3 support in the future?

[Xoben]

I really need Vue JS 3 support for Froala. I am a paying customer and have been waiting patiently for the update. If you unable to support Vue 3 please let us know so I can find a different product.

[blankTwo]

I really need Vue JS 3 support for Froala. I am a paying customer and have been waiting patiently for the update. If you unable to support Vue 3 please let us know so I can find a different product.

Do you have a good product recommendation

[dmhendricks]

Do you have a good product recommendation

I had recommended tinymce-vue to them, but the company decided to stay with Froala because they're already paying for it. 😕 It probably depends on what kind of functionality/plugins you need, and also budget since TinyMCE isn't cheap either (if you need the functionality of any of the premium plugins).

I tried to convert vue-froala-wysiwyg to Vue 3 but was unsuccessful since I'm novice.

[woro14]

any updates?

[goddamit-io]

Support states that with version 4.1 Vue3 support will be fully granted.

"Unfortunately, we do not support Vue 3 officially. This integration will be fully supported in version 4.1." However I am quite curious about the roadmap and the aimed releasedate of 4.1...

Any infos?

[J-HernandezInzunza]

Bummer there is no Vue 3 support still, I'll have to find an alternative

[Woeler]

Any update? Vue3 is default now, we could really go with an update on the status of this.

[imuller]

Any update on this??

[jfk00ca]

Vue 3 - it's been 15 months since the question was asked and as everyone has said, this is now the standard and you are holding the developer community who chose Froala back not having Vue 3 compatibility. CKeditor has Vue 3 support, TinyMCE has Vue 3 support (as long back as 2020 according to their blog!), as do others. Please let everyone know when we can expect Vue 3 support.

[joostelders]

I've contacted Froala support a while ago and they told me that Vue 3 will be fully supported in Froala version 4.1, which they're expecting to release in Q3 this year.

So it's hopefully going to happen in the next couple of months..

[yohoGDES]

Since this issue is still going on, I'll share the information I've received.

I've reached out to Froala several times about this. The first time in October 2021 they said it would be out in v4.1 which would release in December '21. That didn't happen and I reached back out in April '22. Support says that 4.1 should be out in the beginning of Q3.

They did offer an alternative:

Although not officially integrated, The editor can be installed in a Vue 3 application, Can you please confirm if you have tried the working demo I shared in the previous ticket: https://codesandbox.io/s/blissful-shirley-yt11b?file=/src/App.vue

This does work to load the plugin, but I questioned it with:

So is the recommendation to move away from the Vue Froala plugin and just use Froala as a Vanilla JS plugin for now? Will this still work correctly with reactive data and all of the benefits of the Vue framework?

To which they replied:

It is not recommended to use Vanilla JS plugin in the Vue framework, However, Since Vue 3 is not officially supported this is the only workaround we have at the moment.

So basically you could do this, but don't. Why the Froala support team hasn't responded to this Github issue officially or commented on it after all this time - I don't know.

I guess we just wait for them to release 4.1 while they continue to add more helpful features to core like better copy paste of links, HTML dialogs, and a broken markdown editor.

[szabizs]

Until this is solved by the Froala team, here is my solution, it's kind of reactive based on the Froala events.

<script setup>

import { reactive } from 'vue'

import "froala-editor/css/froala_editor.pkgd.min.css"
import FroalaEditor from "froala-editor/js/froala_editor.pkgd.min.js"

let post = reactive({
    content: ''
})

function initFroala() {
    new FroalaEditor("#froala", {
        inlineMode: false,
        pastePlain: true,
        paragraphy: false,
        quickInsertEnabled: false,
        toolbarButtons: {
            // Key represents the more button from the toolbar.
            moreText: {
                // List of buttons used in the  group.
                buttons: ['clearFormatting'],
                // Alignment of the group in the toolbar.
                align: 'left',
                // By default, 3 buttons are shown in the main toolbar. The rest of them are available when using the more button.
                buttonsVisible: 1
            },
            moreParagraph: {
                buttons: ['alignLeft', 'alignJustify', 'formatOLSimple', 'formatOL', 'formatUL'],
                align: 'left',
                buttonsVisible: 6
            },
            moreMisc: {
                buttons: ['undo', 'redo', 'fullscreen', 'print', 'selectAll'],
                align: 'right',
                buttonsVisible: 5
            }
        },
        // Change buttons for XS screen.
        toolbarButtonsXS: [['undo', 'redo'], ['bold', 'italic', 'underline']],
        placeholderText: $t('describe_thread'),
        attribution: false,
        key: 'enter-your-license-key-here',
        disableRightClick: true,
        height: 130,
        fileUpload: false,
        imageUpload: false,
        imagePaste: false,
        imagePasteProcess: false,
        imageResize: false,
        crossDomain: false,
        events: {
            'keyup': function (inputEvent) {
                post.content = this.html.get()
            },
            'click': function (clickEvent) {
                post.content = this.html.get()
            },
            'commands.after': function (cmd, param1, param2) {
                post.content = this.html.get()
            },
            'paste.after': function (pasteEvent) {
                post.content = this.html.get()
            }
        }
    })
}


onMounted(() => {
    initFroala()
})

</script>

[bakadest]

Any updates regarding this? Vue3 is a new default for at least of 8 months. I just can't understand what is taking you so long.

[szabizs]

Any updates regarding this? Vue3 is a new default for at least of 8 months. I just can't understand what is taking you so long.

The fact that we've paid for this plugin, should have considerably greater support than this.

[Woeler]

Any updates regarding this? Vue3 is a new default for at least of 8 months. I just can't understand what is taking you so long.

The fact that we've paid for this plugin, should have considerably greater support than this.

Our business is now in the process of moving away from Froala in every project we have. This major issue lingering so long, without proper statements and timelines, is simply unacceptable for a paid (and expensive!) product like Froala.

[joostelders]

This is taking way too long. Can anyone advise a good (similar) alternative?

[SimonOrdo6]

I'm pretty sure "Froala" is just a small subsidiary team at "Idera, Inc". Since the Froala team seems to be all but unresponsive to inquiries, has anyone by chance attempted to contact anyone at the main office to see if they have any clarity on subject? https://www.ideracorp.com/contactus

I consider vendors that provide project critical libraries as business partners, and it's difficult to make any forward leaning decisions when a non-trivial vendor just goes radio silent.

[huchoi90]

I think I've waited quite a while

Still no plans to support vue 3?

[jfk00ca]

I agree 100% that this is totally unacceptable - we are also extremely very frustrated.

Our lead developer spent over a week fixing a bug with the way Froala managed multiple toolbars using iframes, submitted it to Froala back in May and as of the last update it is still not included in the latest build, so he is having to patch Froala manually every time we do an update. It’s bad enough paying major $$$ for a product, but then also paying our developers to fix bugs and not even seeing them included in the updates... horrible.

[yohoGDES]

At this point we as a community should either look to fork and resolve this ourselves or suggest some recommendations for a replacement. Vue 3 came out in 2020 and it's almost 2023, Froala either can't keep up with the demand or this isn't a priority for them.

If anyone from the Froala support team can tell us what issues you're facing in this feature release perhaps we can contribute solutions.

[SimonOrdo6]

From Froala Customer Support:

My apologies for the delayed response. I just got feedback from the dev team. We are expecting the 4.1 major Release by December.

Thank you for your patience.

Believe that as you will. Either way, probably not a good sign for future support, given the delay between the Vue3 release and the Froala release. It just doesn't seem like it's a priority for them to support Vue.

[jfk00ca]

I agree 100% that this is totally unacceptable - we are also extremely very frustrated.

Our lead developer spent over a week fixing a bug with the way Froala managed multiple toolbars on one screen, submitted it to Froala back in May and as of the last update it is still not included in the latest build, so he is having to patch Froala manually every time we do an update. It’s bad enough paying major $$$ for a product, but then also paying our developers to fix bugs and not even seeing them included in the updates, horrible.

From: Woeler @.> Sent: September 21, 2022 7:01 AM To: froala/vue-froala-wysiwyg @.> Cc: jfk00ca @.>; Comment @.> Subject: Re: [froala/vue-froala-wysiwyg] Vue.Js 3.x support (#168)

Any updates regarding this? Vue3 is a new default for at least of 8 months. I just can't understand what is taking you so long.

The fact that we've paid for this plugin, should have considerably greater support than this.

Our business is now in the process of moving away from Froala in every project we have. This major issue lingering so long, without proper statements and timelines, is simply unacceptable for a paid (and expensive!) product like Froala.

— Reply to this email directly, view it on GitHub https://github.com/froala/vue-froala-wysiwyg/issues/168#issuecomment-1253540921 , or unsubscribe https://github.com/notifications/unsubscribe-auth/ABX5OH2HU7K6AFGFIWTWBDLV7LTGBANCNFSM4YG23H6Q . You are receiving this because you commented. https://github.com/notifications/beacon/ABX5OH6V4AYH7VBZYWFSADTV7LTGBA5CNFSM4YG23H62YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOJK3YIOI.gif Message ID: @.*** @.***> >

[szabizs]

We have migrated to TipTap

[Woeler]

And we have migrated to EditorJS.