Vue 3 Compatability

Question

We are working to upgrade our current vue Application to use Vue 3.  when it comes to the rich text editor  we are having a huge issue with registering the component. as well as getting the RTE Component to work properlyI have attached our sample project with the Rich text editor component as well as the inplace editor RTE.   Currently the error in the browser shows 
Uncaught TypeError: this.htmlEditorModule is undefined    serializeValue rich-text-editor.js:583For the rich text editor and this error for the inplace RTE component error:
this.rteModule is undefined Please offer assistance as the documentation for vue 3 is sketcky.Attachment: Vue3Issues_dace7527.zip

Buvana Sathasivam · Answer

Hi James, 
 
Greetings from Syncfusion support. 
We have checked your query and found the cause of the problems. You can inject the required modules for the Rich Text Editor and Inplace Editor components and the required styles as specified in the documentation. Can you please find the below code for your reference? 
  




import { InPlaceEditorComponent, Rte } from '@syncfusion/ej2-vue-inplace-editor'; 
import { RichTextEditorComponent, Toolbar, Link, Image, QuickToolbar, HtmlEditor } from '@syncfusion/ej2-vue-richtexteditor'; 
export default { 
  name: 'App', 
  components: { 
    "ejs-inplaceeditor": InPlaceEditorComponent, 
    "ejs-richtexteditor": RichTextEditorComponent 
  }, 
  data: function () { 
    return { 
    }; 
  }, 
  provide:{ 
        richtexteditor: [Toolbar, Link, Image, QuickToolbar, HtmlEditor], 
        inplaceeditor: [Rte] 
    } 
} 
  
We have modified your attached sample without any errors. Can you please find the below sample? 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/vue3-RTE654042867 
 
UG link: https://ej2.syncfusion.com/vue/documentation/inplace-editor/getting-started-vue3/  
 
Please check the above solution and sample and get back to us if you have any issues. 
 
Regards, 
Buvana S