First published in the Language finch documentation

The topic

There are three features in Ggeditor: right-click menu, tag editing, and element float. These are not core capabilities of Ggeditor, but plug-ins, as shown in the figure below:



scenario

I’d like to extend the DetailPanel feature: after selecting a node, an edge, or a canvas, the DetailPanel displays some data about the selected element. The DetailPanel of the official document does this, but the code is not clear (personally), and the React and AntDesign versions are not up to speed, and Typescript is used, leaving me confused for a while. So I looked at the source code of the three plug-ins, hoping to find out how they listen for some events.