Document Editor with mention (template of text)

[Marcelo Ribeiro]

Hi,

I am interested in using "DocumentEditor", but one of the main features of my project is the possibility of displaying a template in the body of the document.

Imagine I already have a text template already saved, so anywhere in the body of the document I can type the letter @ so a list of template names is displayed and when I select the desired template it adds at the cursor position the text of this template.

The link below may further demonstrate the need:

https://www.youtube.com/watch?v=9QzRgqtVgM4

Is this possible in the DocumentEditor component?

Thank you!

Marcelo

[Kesavan D]

Hi Marcelo, 

Greetings from Syncfusion software. 

Currently Mentions feature is not available in DocumentEditor. As a work around of your requirement can be achieved in the sample level using the “insetText()” API to insert a text at the current cursor position. 

https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor/#inserttext 

  

Regards, 

Kesavan. 

[Marcelo Ribeiro]

Hello Kesavan,

Thanks for the response, against this backdrop:

- Can I insert the body of one document at the cursor position in another document?

Example:

- Document "A" has its full body text formatted and saved in the database.

- Now I create a new document, write something and position the course at the position I want to insert the text from another document, then I click a button that opens a popup displaying my saved documents, I choose the desired text and click insert, it inserts the body of this desired document at the cursor position of the "new" document that has not yet been saved.

Thank you!

Marcelo

[Harini Chellappa]

Hi Marcelo, 

Thank you for the update. We will check this and update you more details by Dec 2, 2019. 

Regards, 

Harini C 

[Harini Chellappa]

Hi Marcelo,

 

You can use paste(sfdt) in editor module which will allow you to insert a document (extract the document and insert contains paragraph and table) at current cursor position.

 

You can pass server Sfdt string in this method.

 

Sample Code snippet:

container.documentEditor.editor.paste(sfdt:string)

 

Regards,

 

Harini C