In which svg editor can I edit the code while working?

Question

SVG

Good afternoon, for some fields of the SVG image, you need to assign an identifier that does not change after editing the image. By this identifier, I pull out the properties in JS and change the color, inscription, etc.
But for now, I made a picture in openoffice draw, and exported it as SVG, so the identifiers are deleted each time they are exported. In which editor can I add an identifier so that it remains when exporting an SVG image?

Answer 1

Use Inkscape. It does not need to go to the console - it has an Object Properties panel (standard - Ctrl-Shift-O), which allows you to set an ID, name, and much more, plus even set the values ​​​​of type events in the Interactivity list onClick.
There is also an XML Editor, called by Ctrl-Shift-Xif you absolutely need to edit the code, but it is absolutely not required to solve your problem.