How to programmatically toggle between HTML source and preview

[Helmut Vogel]

When using the RichtextEditor VUE component, I can easily switch from viewing the HTML preview to showing the actual HTML source code using something like

this.$refs.defaultRTE.showSourceCode();

But I did not find a method that gets me back into preview mode. When using the toolbar of the editor, it has the option to toggle between preview and HTML source. how can  I do the same programmatically?

[Suwathi Dhakshanamoorthy]

Hi Helmut, 

  

  

Greetings from Syncfusion support. 

  

  

We have validated your reported query “ method that gets me back into preview mode” from our end. We don’t have a built-in method that gets back from `sourceCode` mode to `preview mode`. 

But, you can achieve your requirement by dispatch a `click` event to the preview element. We prepared a demo sample based on your requirements and updated below. 

  

Sample: https://codesandbox.io/s/vue-template-forked-phwnm?file=/src/App.vue 

  

Please refer to the above sample and confirm whether it meets your requirements. 

  

Regards, 

Suwathi