Document editor toolbar

[Lajos Djerfi]

Hi,

I have a question about the document editor toolbar.

When I initialized my document editor component, I enabled every dialog that is mentioned in the documentation, but I still can't see the components that are visible in this example: https://ej2.syncfusion.com/vue/demos/samples/documenteditor/default/index.html#fabric

Can you tell me how can I get this look?

[Prakash Kumar D]

Hi Lajos, 

 

Thank you for contacting Syncfusion support. 

 

Our EJ2 Document editor component provide built-in context menu, options pane and dialogs. The toolbar, properties pane, title bar and status bar has been built at application level. We have prepared a Vue application as per your requirement. Please find the sample from following link. 

http://www.syncfusion.com/downloads/support/directtrac/139649/ze/DocumentEditor_Application1972571632 

 

Please find the steps to run this application. 

Step 1: npm install 

This will install all the necessary packages required for the application. 

 

Step 2: npm run dev 

This will launch the application in browser. 

 

Regards, 

Prakash Kumar. 

[Lajos Djerfi]

This sample is not working for me.

Please show me a sample where I can use the document editor as a component instead, as a separate application?

[Prakash Kumar D]

Hi Lajos, 

 

Thank you for updating us. 

 

Document Editor component of VueJS supports built-in context menu, options pane and dialogs. It also supports API to perform major editing operations. With the help of this APIs, you can use this component in your VueJS application environment. Please find the sample below 

 

Document Editor as Component: 

https://stackblitz.com/edit/vue-documenteditor?file=index.html 

 

Document Editor with toolbar: 

 https://stackblitz.com/edit/vue-documenteditor-toolbar?file=index.html  

 

Regards, 

Prakash Kumar 

[Lajos Djerfi]

Hi, 

When I follow the instructions for this (http://www.syncfusion.com/downloads/support/directtrac/139649/ze/DocumentEditor_Application1972571632) example, and start the application in dev mode, I am getting some warnings. The errors are mostly about the dropdownlist controls in the right menu. When I am trying to implement the document editor in my application, the dropdowns are empty. Can you help me with that?

[Prakash Kumar D]

Hi Lajos, 

 

 

We are afraid that we are unable to reproduce the issue at our end. We have shared the sample in stackblitz for your reference.   

 

Sample Link: https://stackblitz.com/edit/vue-documenteditor-app 

 

Kindly modify the above sample to reproduce the issue and share us the modified issue reproducing sample in stackblitz which will be helpful for us to give you a prompt solution at the earliest 

 

Regards 

Prakash Kumar 

[Lajos Djerfi]

Hi,

I have established that I had issues with the versions of npm syncfusion packages, so now I fixed that.

I am using this packages in my application:

@syncfusion/ej2-base: 16.2.50,

@syncfusion/ej2-data: 16.2.52,

@syncfusion/ej2-inputs: 16.2.53,

@syncfusion/ej2-lists: 16.2.50,

@syncfusion/ej2-popups: 16.2.52,

@syncfusion/ej2-splitbuttons: 16.2.50,

@syncfusion/ej2-buttons: 16.2.50,

@syncfusion/ej2-documenteditor: 16.2.50,

@syncfusion/ej2-compression: 16.2.50,

@syncfusion/ej2-file-utils: 16.2.50,

@syncfusion/ej2-dropdowns: 16.2.50,

@syncfusion/ej2-navigations: 16.2.50,

@syncfusion/ej2-vue-base: 16.2.46,

@syncfusion/ej2-vue-buttons: 16.2.46,

@syncfusion/ej2-vue-calendars: 16.2.45,

@syncfusion/ej2-vue-documenteditor: 16.2.50,

@syncfusion/ej2-vue-dropdowns: 16.2.50,

@syncfusion/ej2-vue-grids: 16.2.47,

@syncfusion/ej2-vue-inputs: 16.2.46,

@syncfusion/ej2-vue-navigations": 16.2.46,

@syncfusion/ej2-vue-schedule: 16.2.45,

@syncfusion/ej2-vue-splitbuttons: 16.2.45,

@syncfusion/ej2-vue-popups: 16.2.45,

@syncfusion/ej2-vue-lists: 16.2.45

Can you tell me what version should I use to have the most stable version of my components?

[Prakash Kumar D]

Hi Lajos,  

  

Thank you for updating us.  

  

The latest stable version of our EJ2 packages is v16.2.x and it can be found from following link. 

https://www.npmjs.com/~syncfusionorg 

 

Note: The minor version may vary for each package based on its inclusion in patch release. 

 

You can refer the package as below to get latest stable version automatically. 

 

"@syncfusion/ej2-base": "*", 

"@syncfusion/ej2-file-utils": "*", 

"@syncfusion/ej2-compression": "*", 

"@syncfusion/ej2-buttons": "*", 

 

 

Regards, 

Prakash Kumar