Configuration not working to hide modules!

[jazibsawar]

I used the sample code to initiate this component but hideModule is not working in configuration for v1.2.6.

Vue.use(wysiwyg,{ hideModules: { "bold": true, "table": true, "image": true } })

[annibuliful]

{ hideModules: { "bold": true }, image: { uploadURL: "/api/myEndpoint", dropzoneOptions: {} } }

[jazibsawar]

Not working. Not hiding the modules. I think it is a bug.

[annibuliful]

I think its support only "bold"

[jazibsawar]

But for me Bold is not working too. I am looking at the code. May be dev can help in this

[annibuliful]

Ok, I will try to fix it.

[annibuliful]

this repo is not mine but I will create PR for fix it

[annibuliful]

hideModules: { bold: true ,italic:true}

I think to update your modules and remove double quote

[annibuliful]

my configuration its work.

[jazibsawar]

I will try this. Thanks a lot @lagmanzaza

[jazibsawar]

Without quotes also not working. Can you tell me how you are loading this compotent? I am loading this in main.js import wysiwyg from "vue-wysiwyg"; Vue.use(wysiwyg,{ hideModules: { bold: true, table: true, image: true } })

Then I my components I do <wysiwyg v-model="recipeModel.content" />

[annibuliful]

Did you forget to add @import "~vue-wysiwyg/dist/vueWysiwyg.css"; to your CSS file

[jazibsawar]

No i didn't. It is looking great otherwise

[mgyugcha]

Hi, I have the same problem :S

[jazibsawar]

I have achieved that by using simple css. @mgyugcha

[chmln]

Hello,

Please see if v.1.2.7 fixes the problem. Thank you.

[jazibsawar]

Yes, @chmln it fixed it. Awesome.

[rugor]

This issue persists for me in v. 1.2.7

Config:

import wysiwyg from "vue-wysiwyg"
Vue.use(wysiwyg, {
  hideModules: { 
    "headings": true,
    "hyperlink": true,
    "image": true,
    "table": true,
    "separator": true
  }
})

Yields:

Resolving with css for now

[jazibsawar]

@rugor try to use

Vue.use(wysiwyg, {
  hideModules: { 
    headings: true,
    hyperlink: true,
    image: true,
    table: true,
    separator: true
  }
})

[jonaswebdev]

Hi, I have the same issue here, I'm trying to hide the "Image" button but doesn't work :(

const wysiwygOptions = {
  hideModules: {
    image: true
  },
};
Vue.use(wysiwyg, wysiwygOptions);

Some idea excepting hiding via CSS?