froala / vue-froala-wysiwyg

Vue component for Froala WYSIWYG HTML Rich Text Editor.
https://froala.com/wysiwyg-editor
633 stars 86 forks source link

Buttons either don't work or aren't consistent #106

Open OctaneInteractive opened 5 years ago

OctaneInteractive commented 5 years ago

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!

hyesung219 commented 5 years ago

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

OctaneInteractive commented 5 years ago

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.

rcheung9 commented 4 years ago

@OctaneInteractive Did you ever find a workaround?

Reddian commented 4 years ago

This also does not work for me.

juan-carvajal commented 4 years ago

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?