Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vue.Js 3.x support #168

Closed
Xoben opened this issue Feb 25, 2021 · 61 comments
Closed

Vue.Js 3.x support #168

Xoben opened this issue Feb 25, 2021 · 61 comments

Comments

@Xoben
Copy link

Xoben commented Feb 25, 2021

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

https://v3.vuejs.org/

@iissy
Copy link

iissy commented Mar 24, 2021

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

@vankizmann
Copy link

For the time being you can try my fork #170

Dunno why no one is responding to the request.

@SimonOrdo
Copy link

SimonOrdo commented May 5, 2021

An update to VueJs 3 would be very welcomed.

@mstikharev
Copy link

mstikharev commented May 31, 2021

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
Copy link

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
Copy link

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

@Xoben
Copy link
Author

Xoben commented Jul 22, 2021

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
Copy link

blankTwo commented Aug 9, 2021

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
Copy link

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
Copy link

woro14 commented Jan 19, 2022

any updates?

@goddamit-io
Copy link

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
Copy link

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

@Woeler
Copy link

Woeler commented May 18, 2022

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

@imuller
Copy link

imuller commented May 27, 2022

Any update on this??

@jfk00ca
Copy link

jfk00ca commented Jun 1, 2022

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
Copy link

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
Copy link

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
Copy link

szabizs commented Jul 4, 2022

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
Copy link

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
Copy link

szabizs commented Sep 21, 2022

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
Copy link

Woeler commented Sep 21, 2022

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
Copy link

joostelders commented Sep 22, 2022

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

@SimonOrdo6
Copy link

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
Copy link

huchoi90 commented Oct 7, 2022

I think I've waited quite a while

Still no plans to support vue 3?

@jfk00ca
Copy link

jfk00ca commented Oct 7, 2022

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
Copy link

yohoGDES commented Oct 7, 2022

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
Copy link

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
Copy link

jfk00ca commented Oct 11, 2022 via email

@szabizs
Copy link

szabizs commented Oct 11, 2022

We have migrated to TipTap

@Woeler
Copy link

Woeler commented Oct 11, 2022

And we have migrated to EditorJS.

@paulogiacomelli
Copy link

From froala team: Support will come with 4.1 release which is "coming in next quarter". After clarification, froala team said: "mid-quarter".

@juuuuuuuuuuuuuu
Copy link

You mean version 4.1 will come out in the beginning of the third quarter of 2023?
There is still a long time left

@paulogiacomelli
Copy link

You mean version 4.1 will come out in the beginning of the third quarter of 2023? There is still a long time left

Meaning: May-ish.

@roelVerdonschot
Copy link

We are also waiting for this package to support Vue3

@biancadellarosa
Copy link

still no update?

1 similar comment
@0528Makoto
Copy link

still no update?

@AustinW
Copy link

AustinW commented Mar 21, 2023

We are also waiting for Vue 3 support. Any word?

@brad-anyonehome
Copy link

You're going to keep losing paying customers if you don't address this, or at the very least, keep us posted

@zdravkov
Copy link

Kando UI for Vue is a good alternative if you are looking for a commercial component in Vue 3 - https://www.telerik.com/kendo-vue-ui/components/editor/

@jfk00ca
Copy link

jfk00ca commented Apr 21, 2023

Any update on the Vue 3 integration release date? Are you on track for May 15 as per your earlier email communication?

@jfk00ca
Copy link

jfk00ca commented May 2, 2023

With Vue 2's EOL this year the community desperately needs Vue 3 compatibility in Froala and you originally promised it for Q4 2022. When will Vue 3 support be released? Not getting a clear answer we can depend on is very frustrating.

@mabdullahsari
Copy link

We've decided to ditch Froala in favor of another editor.

@szabizs
Copy link

szabizs commented May 31, 2023

Check this out guys - https://github.com/ckeditor/ckeditor5-vue

@markr512
Copy link

markr512 commented Jun 2, 2023

官网说了预计6月发布4.1,看看是否继续放鸽子

@crysper
Copy link

crysper commented Jun 25, 2023

We wanted to buy the $3,000 perpetual license for our SaaS but we disappointedly find out they don't have a vue 3 version and also don't keep their promises.

I see the 4.1 version in RC for vue 3, any news when this will be released fully?

@zdravkov
Copy link

@crysper, what are the features that you need? Have you tried Kendo, I linked it a few replies up.

@maxt91
Copy link

maxt91 commented Jun 26, 2023

So is the froala team still going to ignore paying customers? I'm still having to use the JS library and have to write my own bindings to force it to work. So far its been a great waste of money.

@therecluse26
Copy link

therecluse26 commented Jun 26, 2023

@maxt91 yeah, we've already migrated away from it from a future release. We were already migrating lots of components over to PrimeVue anyway, and their Quill-based editor is just as feature-complete, and much more up to date, also with a MUCH smaller footprint.

Oh, and it's free as in beer

@crysper
Copy link

crysper commented Jun 26, 2023

just the fact that they don't monitor the github issues and don't respond to comments, it's a red flag. I would understand if this was just a side project that some guys worked on their free time, but it's a paid product.

@maxt91
Copy link

maxt91 commented Jun 27, 2023

@therecluse26 yeah, as soon as the license is up I will be going going away from this BS. thank you for the suggestion, will definitely be looking into it.

@ilyaskarim
Copy link

Our development team has been actively working on this issue, and I'm glad to announce that we are planning to release the fix around July 8th.

@ilyaskarim
Copy link

Vue3 framework upgrade is now available: https://froala.com/wysiwyg-editor/changelog/#4.1.0.

@joostgig
Copy link

Vue3 framework upgrade is now available: https://froala.com/wysiwyg-editor/changelog/#4.1.0.

Too late now

@crysper
Copy link

crysper commented Jul 11, 2023

where is the package for it?

@demianh
Copy link
Contributor

demianh commented Jul 12, 2023

where is the package for it?

https://www.npmjs.com/package/vue-froala-wysiwyg

Version 4.1.0 of the Package is for Vue 3.

@maxt91
Copy link

maxt91 commented Jul 25, 2023

Documentation is lacking, you have inconsistent examples, references to webpack settings when Vue 3 uses Vite...

@maxt91
Copy link

maxt91 commented Jul 25, 2023

@ilyaskarim

Vue3 framework upgrade is now available: https://froala.com/wysiwyg-editor/changelog/#4.1.0.

your development team continues to ignore the needs of your customers. The new implementation still has same bugs that have been reported since 2020...

@jfk00ca
Copy link

jfk00ca commented Jul 25, 2023

@ilyaskarim

Vue3 framework upgrade is now available: https://froala.com/wysiwyg-editor/changelog/#4.1.0.

your development team continues to ignore the needs of your customers. The new implementation still has same bugs that have been reported since 2020...

I will echo this - last summer we spent almost 30 hours fixing a bug with iFrame alignment that caused the toolbar to go off-screen to the pop of the page, we submitted the hotfix, we have asked several times that our hotfix be deployed in builds going forward and expected it to be in this update... it is not... so even installing the updated toolbar on our side means we would have to spend 1.5 days to reimplement the hotfixes and we are seeing other bugs now as well.

This is incredibly frustrating and when I wrote to Froala support about this, because as much as we want Vue 3 compatibilty we are not going to upgrade our perpetual enterprise license if these things are not fixed in the update... they told me they could not talk to us unless we renew the license or place an order and not pay, which I am not comfortable with because placing an order creates the expectation that we owe them the money, no matter the outcome.

@jswhisperer
Copy link

Y'all need vite

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests