Retrieving the value of Kendo Editor

[louis]

Hi everyone,

I have an issue using the KendoEditor with Vue.js. Here is my code :

HTML part :    

<div id="vueapp" class="vue-app">

<form id="forme">
              <input type='text' class="k-textbox" name='title' id="title" v-model="request.title" />
 </form>
   <kendo-editor :resizable-content="true"
                 :resizable-toolbar="true"
                 :value="request.desc"
                 style="height:280px"
                 rows="10"
                 cols="30">
    </kendo-editor>
</div>

 

Script part for vue:

var vm = new Vue({
        el: '#vueapp',
        data: function() {
            return {
                request: {
                    title: "",
                    desc: "Write here..."
                    
                },
              has_deadline: false
            }
        }, methods: {

     test: function(){ alert(this.request.title + this.request.desc)}

}

});

Then, when I change the content of the input "title" (let's say I do "title1") and call the "test" method, an alert comes up with "title1 Write here...".

But when I change the content of the editor (for example, "description1"), the alert comes up with "title1 Write here..." instead of "title1 description1" !

Could someone explain me what I did wrong ? I can not find how to figure out.

 

Thanks for your help,

 

Louis

 

[Ivan Danchev]

Hi Louis,

You can get the Editor's value by getting a reference to the widget through the ref attribute and calling its value method, for example:

<kendo-editor ref="editor1"

test: function(){
  var editor = this.$refs.editor1.kendoWidget();
  alert(editor.value())
}

Regards,
Ivan Danchev
Progress Telerik

[Daniel]

Hi Ivan,

A couple of years after your reply (thanks), is there any other way to get the value of the Vue Editor? Otherwise, any plans to make it native?

Cheers

[Ivan Danchev]

Hi Daniel,

The posted way of getting the value is the only one available at the moment.

As for a native Vue Editor, we do plan on adding more components to the list of native components, but the Editor specifically hasn't been planned for the R1 2021 release, so at this point we cannot share a time frame on when a native Editor will be included in the suite.

Regards,
Ivan Danchev
Progress Telerik