Help implementing

[nam-co]

Hi, I was wondering how to implement Vue-redactor in a already set vue element, would this be ok? thanks for the help

new Vue({
  el: '#app',
  data: {
     something_else: true,
     content: '<h1>Hello and welcome</h1>',
     configOptions: {
           plugins: ['table']
     }
  },
  methods: {
  }
})

[web3devin]

Please provide the html for the page that you are trying to enable vue-redactor on.

This package adds a global component to Vue that lets you call <Redactor v-model="content" :config="configOptions" /> from anywhere in your DOM.

If you are asking about how to add something_else to the component, you can do something like this...

<Redactor v-model="content" :config="configOptions" :another-prop="something_else" />

[nam-co]

Hi Devin, this works great, I finally bought redactor and Im very happy, thank you, I got some notes hope you consider for a future version

1. Target in links modal, so it can be selected by user (like in edit image: “Open link in new tab”)
2. Is there a way to make the toolbarFixed dark mode like the air version?
3. In edit images, why not put max width/height and automatically set width to 100% (mobile first)
4. is there a way to refresh images.json list
5. is there a way to stop drag toolbar icon? it happens a lot and it inserts the script url to the content

Thanks Devin, excellent wysiwyg editor

[web3devin]

@nam-co I didn't create Redactor. The credit goes to @imperavi. However, I will try to answer your questions.

1. Target in links modal, so it can be selected by user (like in edit image: “Open link in new tab”)
2. Is there a way to make the toolbarFixed dark mode like the air version?
3. In edit images, why not put max width/height and automatically set width to 100% (mobile first)

You can submit feature requests in the support page while logged in.

4. is there a way to refresh images.json list
5. is there a way to stop drag toolbar icon? it happens a lot and it inserts the script url to the content

If you want to go into more detail I might be able to help, but otherwise you can use the same support form above for any assistance with Redactor. 😄

[nam-co]

Hi @web3devin , sorry I didn't notice this wasn't from imperavi , thanks for the implementation

Devin Im trying to use it on laravel with something like:

<textarea v-model="desc_es" name="content[desc][es]"></textarea>

but when I submit this inside a form, the request comes empty (content[desc][es]), any ideas why?

Thanks

[web3devin]

@nam-co
Would you be able to provide more information on how you are using this package and attempting to post the form?

It should work using either the 1 way data binding example in this repo. For instance:

<Redactor v-model="desc_es" name="content[desc][es]"></Redactor>