get Text layer toggle to work with Inkscape svg

[bbest]

Normally in Adobe Illustrator, exporting the Text layer to SVG creates a group g tag with id="text" like so:

<g id="text">

And this is made toggle-able like so:

• Text: ON

• Text: OFF

But in Inkscape, it produces:

<g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="text">

So the id is not found by the JS that turns the <g id="text"> OFF by default in: https://github.com/marinebon/nms4r/blob/255edfa951b2489b132535f48b9ddfa5681c887a/inst/template_website/libs/infographiq.js#L156.

So ideally, we can work with both Adobe Illustrator and Inkscape exported SVGs by figuring out the JQuery reference for either. See links for more:

• Naming the ID's of layers for SVG exporting. - Beginners' Questions - Inkscape Forum
• Exactly what is the attribute inkscape:label for anyway? - InkscapeForum.com
• javascript - d3.select on inkscape:label="foo" - Stack Overflow
• jquery - Select SVG element by inkskape:label attribute - Stack Overflow:

  var myElement = $('g[inkscape\\:label="myLabel"]', svg.root());

• Inkscape scripting: how to show / hide a layer and export? - Graphic Design Stack Exchange
• Labels and ID's in Inkscape · Issue #220 · LaserWeb/LaserWeb4
• change svg:g id to inkscape:label - Stack Overflow
• This file read file of 'Plain SVG' type and change id with the same value of inkscape:label. The reason of making this script is that some application only read the id attribute, and it needs the value of id following some specified format. Manually way of doing this is to open the 'XML Editor', and type in the id with value you want.

[superjai]

Issue solved by providing documentation in nms4r vignette how to properly format svg files in Inkscape itself.