vue-bulma/brace

Code editor powered by Vuejs and browserify Ace.

brace's Issues

Doesn't seems to work on Safari

I tried the demo on Safari (and iOS 10) but the component doesn't seems to work. I simply can't write anything on the textfield.

It is working on Google Chrome though.

how to use data bind?

like v-model?

how can i get the editor's current new content?

Emit change event

Can you add the following code to your package?

<div id='vue-bulma-editor'>{{ dataedit }}</div>

  props: {
    dataedit: {
      default: null
    },

  let _this = this;

   editor.getSession().on('change', () => {
     let val = editor.getSession().getValue();
     _this.$emit('change', val);
   });

Scroll using mobile touch feels jerky

The scroll on desktop version is smooth but on a touch mobile device becomes jerky.

Webpack dynamic require CAN NOT working.

I use vue-admin latest release version.
cannot select the mode on vue componet.
MUST NEED CHANGE:

   setMode () {
      let modeObj = modelist.modesByName[this.mode]

      if (modeObj) {
        //
        //  require('brace/mode/' + modeObj.name)
        //
        require('brace/mode/json') // <-- VERY IMPORTANT !!
        editor.getSession().setMode(modeObj.mode)
      }
    }

script file is too big!

is there any workaround for this? i dont want my user to load 7mb of brace script.

Set initial content

Hey,
I'm trying to fill Brace with data that I receved from response <brace>{{ jsonData }}</brace> jsonData is defined in data container but then nothing happens. Works ok for regular textarea.
Do I have to use Ace mechanism like editor.setValue(jsonData)?

Thanks 😁

how to add scroll event to it

i want to detect a scroll event how can i add.