Adding a new custom option in the tool bar similar to a Comment.

Question

Hello, I came across this tool and was testing with the trial version. I need to add a new custom option in the tool bar similar to a Comment that I will describe as an Item. The purpose is to add a list of Items from our database and be able to associate potentially multiple areas of the document with one more more of the Items on the list. It can be many sections of the document to one Item or many Items to one section of the document . Our goal is to be able to select an Item from the section and display all areas in the document associated with it.



Since there would be comments and items on the right pane any flexibility to toggle or quickly switch between the two to save screen real estate would be great.



The ability to add an new Item to the table from the Toolbar or the Items section would be a great feature.



I'm looking forward to hear from you.Thanks & Kind Regards,Bhaumik Kanjiya

Harini Chellappa · Accepted Answer

Hi Bhaumik, 
 
We tried to create the sample as per requirement. Kindly check it from below link. 

https://stackblitz.com/edit/4tewwu?file=index.html 

We have added EJ2 dropdown list with set of items. Here you can modify it by retrieving list from database. 

When selecting items, we have added bookmarks for the selected text and highlighted the selected text with highlight color. 

Based on the bookmark in current selection, you can handle navigations accordingly based on your requirement in selection change event. 

Regards, 

Harini C

Harini Chellappa · Answer

Hi Bhaumik, 

Syncfusion Greetings! 

Document editor provides support to customize existing toolbar of document editor container. You can add item option in toolbar. 

Please refer the following documentation on customizing toolbars. 

https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/how-to/customize-tool-bar/  

Currently document editor doesn’t provide support to customize the right-side properties pane or comments pane. We have to manually design the items pane as like comments in sample level. 

Moreover, item which you mean to insert is a simple text or a kind of fields?  

Can you please share what the item is and how you need to add that item in document editor? You need show the list of added items in the document separately in a pane and when clicking on that item, it needs to be navigated to that item in the document? 

Can you please explain on it clearly? 

Is there any application/component providing this kind of support? If so, please share the links of it. So that we will check on it and update you.  

If you want to insert it as a text, Document editor provides API to insert text in current selection. 

https://ej2.syncfusion.com/documentation/api/document-editor/editor/#inserttext  

Sample code snippet 
 




containerInstance.documentEditor.editor.insertText(“ItemName”) 
 
You can use search option to find all the occurrences of text in the document. 

https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/find-and-replace/  

kindly check it and let us know. 

Regards, 

Harini C

Unknown · Answer

Hi,I would like to have something similar to comments but read a list from a database table.For example I have three separate lists. I would like to have those displayed in a section. When someone highlights text they can select on of the items of the three lists that tags the section of the document.Those areas tagged would ideally have a document link to open and take someone to that information.These items and lists are defined in another area that we curate. It would be nice to have to be able to create or suggest a new item.Thanks!