vue-froala-wysiwyg icon indicating copy to clipboard operation
vue-froala-wysiwyg copied to clipboard

Buttons either don't work or aren't consistent

Open OctaneInteractive opened this issue 6 years ago • 5 comments

Hi!

As promising as Froala appears to be, it’s plagued by the same type of problems that drove me from CKEditor.

Please note: this issue is as reinforcement of an existing similar issue.

First, the documentation for the Vue component is either wrong, or not complete. As an example:

import VueFroala from 'vue-froala-wysiwyg'

… causes a whole slew of problems, where the fix requires me to use the distribution version of the code:

import VueFroala from 'vue-froala-wysiwyg/dist/vue-froala.min.js'

… which isn’t mentioned in the documentation.

Once that issue had been resolved, the buttons became the next problem.

Here, the examples either: spat out a random assortment of buttons with no discernible pattern to them; or flat out wouldn’t work.

Also, not a single one of the plugins work.

I reached out via Twitter, and was provided with a CodeSanbox, which — when copied line for line — either: spits out a random assortment of buttons with no discernible pattern to them; or flat out don't work.

I have to wonder if this is related to me having to use the distribution version?

So, with the code:

// main.js

import 'froala-editor/js/froala_editor.pkgd.min.js'
import 'froala-editor/css/froala_editor.pkgd.min.css'
import 'froala-editor/css/froala_style.min.css'
import VueFroala from 'vue-froala-wysiwyg/dist/vue-froala.min.js'
Vue.use(VueFroala)

// Assets.vue

// Template.

<froala
  id="edit"
  :tag="'div'"
  :config="Froala.config"
  v-model="Froala.model"></froala>

// Data.

Froala: {
  config: {
    toolbarInline: true,
    toolbarButtons: ["underline", "insertImage", "insertLink", "insertTable"]
  },
  model: ''
}

... I get "underline" and nothing else.

Screen Shot 2019-08-16 at 19 47 56

By default, I get a selection of buttons, but since the plugins don't work, it's not possible to expand on them.

Screen Shot 2019-08-16 at 20 52 55

I did send a message to Froala support, as advised, but the response was from someone who either hadn't read the message, or didn't make an attempt to address the specific issues.

Some advice would be much appreciated!

OctaneInteractive avatar Aug 16 '19 20:08 OctaneInteractive

it's same here please update the bug I can't use any buttons from options.

hyesung219 avatar Aug 20 '19 13:08 hyesung219

Hi @hyesung219, I've exchanged messages with the support people and there's an unwillingness to recognize that their software doesn't work, which I find bizarre.

I've been waiting two weeks for some advice, but I've had none and I have to move this project forward, so I'm in the process of removing Froala and using something else.

OctaneInteractive avatar Aug 25 '19 18:08 OctaneInteractive

@OctaneInteractive Did you ever find a workaround?

rcheung9 avatar May 12 '20 09:05 rcheung9

This also does not work for me.

Reddian avatar Jun 24 '20 18:06 Reddian

I managed to get the editor working with full features last night, but today when I opened the project again, only minimal options were available, is it possible that Fruola is restricting access to the extentions and only allows a preview of the editor's full funtionality?

juan-carvajal avatar Jun 30 '20 17:06 juan-carvajal