Programmatic SVG export

Similar Questions

• Adobe Illustrator 19.1.0 vs 19.0.1 SVG Export Plug In

  In the last update for Adobe Illustrator CC, it seems that the SVG Export has changed. Styles for a path used must be defined by the attributes on the < path / > in SVG. However, now, it seems that there is an attached style sheet and classes added to describe how a path is displayed. for example:

  < filling polyline = 'none' STROKE = "#FFF6DF" - the line width = '3' stroke-linejoin = points "rounds" = "0.56 0,112 112 112 112.0 74.6,0" / > ""

  VS

  < style type = "text/css" >

  .ST0 {fill: none; race: #F1EDE1; stroke-width: 2.9869;} AVC - linejoin:round ;}

  < / style >

  < polyline class = "st0" points = "-399,245-455,245-455,287-399,287-399,315-455,315-455,357-399,357" / > ""

  Is there a way when exporting to force the definition of attribute instead of CSS?

  The default options for the representation of styles in SVG is changed. If you want the styles to be defined as attributes, you should choose 'properties CSS"to"presentation attributes. This option is available if you choose 'Other Options' in the lower left corner of the dialog box Options to Export SVG.

  -Rama

  Illustrator team

• SVG export generates an incorrect image display

  Hello world

  When I have an Illustrator EPS or export to SVG and to implement in the code, the result is quite strange. The actual display of the image is only a small part of the full SVG. For example, if I have a plus it will show only the inner part of the most, which is black only. Is someone can you please tell me why this is? I export a document of 512 by 512 in SVG with the options 'Shrink' and 'Sensitive' are checked.

  Have you checked 'Use of work plans' when exporting?

  Also: what version is and what command export exactly do you use? I guess it's CC2015 and you file > export?

• Export SVG - variable not selected

  Hello

  I try to keep variables when you work in Illustrator as a SVG export. This is so that the text SVG content can be manipulated outside and then brought back to Amnesty International and the variable data update exported as XML.

  I'm scripting the SVG export. First, I created a variable for each piece of text and then export the doc. With property preserveeditability set to false (because it must be for the graphics be handled externally), variables seem to lose their link to object when the re-opening the SVG in artificial intelligence. Inspect the document SVG itself, the variables are indeed still there and remain bound by the relevant XML ID, but when the document is opened, the variables no longer seem to be linked to anything.

  Attempts to manually assign a variable once the SVG was created does not work either. It works fine if the file is always in the format I.

  Does anyone know if this is a bug, or intended behavior? If the latter is at - it workaround to keep variables related to the SVG elements, even when the editable character is not preserved?

  Thank you

  David

  You probably want to put this in the forum script.

  In my opinion, they have just enough resources to make the feature so robust that it preserves the variable features once the file is saved as SVG without editability of kept.

  Not sure what is your goal for this export method, but if you want the graphics to be handled outside while keeping the art related to variables, which does not at the same time as you say, perhaps a workaround might be illustrations not compatible variable SVG export and using another script to open after having been transformed on the outside to match and to visually change the work of the master document HAVE which variables.

  If your master document of AI has a number of ways and forms and changes of external processes, some stroke or fill colors or paths of the form, your 2nd script could simply change the forms and the colors in your document There by opening and reading the transformed or even SVG document using the text in the SVG file to get the properties of the work.

• Export SVG

  Hello

  I had a search to export SVG and did not really find an answer.

  Has anyone done either by means of script or SDK?

  I started scripting, export of text on a path.

  Any pointer or advice will be appreciated.

  P

  the simplest:

  1) export to eps

  (2) illustrator bridgeTalk

  (3) for export to svg

  gain:

  you have all the information on the required geometry (trail, path rush etc.), so that you can write your own svg exporter. For simple shapes should be fairly easy.

• InDesign and export of .svg images

  Y at - it a plugin or otherwise allowing InDesign export .svg images?

  My documentation tool accepts only the vector images in .svg format and all my illustrations are made in InDesign (because it's a heck of a lot easier to use than Illustrator).

  Currently, my workflow is kind of ridiculous!

  Since InDesign - export the illustration in PDF format

  Open the PDF in Adobe Acrobat - crop the image to a specific size, save as a new PDF (because save a cropped picture of InDesign seems to behave badly from time to time - as I don't know the equivalent of 'Work Plan' in InDesign)

  Open a PDF in Inkscape - save as .svg image

  I really wish that I could just export directly to .svg! Curiously, I swear to you that InDesign supports .svg back in its infancy. FYI, .svg is always an important vector image format and a darn bit size more effective than .eps.

  * BUT * there is no way I'm paying $199 for a plugin (re: purchase SVG Kit for Adobe Creative Suite 2.0.2). It is quite excessive, IMHO!

  I understand that this post will go nowhere... wanted to just scream a bit.

  There are no SVG export in InDesign.

  Try to save your InDesign file in PDF format. Open the PDF in Illustrator (may not work if you use fonts), then choose file > save as > SVG. Illustrator can record all the illustrations Illustrator in SVG.

• Illustrator crashes when opening Flash-export SVG

  Illustrator (last version CC) always crashes when I try to open a SVG exported from Flash. It doesn't matter if I try to open it directly or import to an empty document. Other SVG open well. I already turned off all non-essential Windows 7 services. Does anyone know a workaround?

  Thanks in advance.

  This problem has been resolved by removing all the layers "Sub" on Flash Pro (ActionScript only of the layers, layers hidden etc..). Still a bug, but, since it blocks Illustrator.

• Batch conversion of PDF to SVG

  Hello

  I'm the animation with Toon Boom that unfortunately has no SVG export.

  The only supported vector SWF and PDF formats, but I really need SVG.

  So my idea was frames to export as PDF and batch convert to SVG afterwards.

  I know that Illustrator is basically capable of that it has a very wide range of file format compatibility, but I guess it must be done via the script and I have no idea on the scripts.

  When searching Google and the forums here, I thought that most people need or vice versa (SVG in PDF format) or with any other formats.

  The only script that would meet my needs most is this:

  https://gist.githubusercontent.com/seltzered/4405256/raw/5727a25521093a794c2515976794c6454 39be744/IllustratorSaveAsSVGs...

  who's GOT to SVG, but I thought that maybe we can change it.

  So how about PDF to SVG? Can someone help me with this?

  Thank you!

  PS:

  I am already using Inkscape (and I've installed Inkscape for only that one of the reasons) + a shell script I found, but it is quite awkward.

  I prefer to do with Illustrator.

  I'm sure the script you have access to will do the job. Just insert the file type in this line:

  fileType = prompt ("select the type of Illustrator files you want to process.") For example: * .ai ',' ');

  That is to say:

  fileType = prompt ("select the type of Illustrator files you want to process.") For example: * .ai ',' * .pdf ');

• Impossible to install the snap-snap-in svg add on

  Hi it is currently trying to export an animation in svg... with the snap-snap-in svg add on as in the tutorial. I had added this although it does not appear as an option when I convert. Y at - it a bug here?

  Someone else, problems with the snap-snap-in svg?

  See you soon

  When you install these custom FLA types, you do this in a web page, and the product gets shipped creative cloud to sync with Animate. If you go to the CC menu and look in the activity stream, you should see one "that you have installed the add-on Animated SVG exporter." If you do not see this, then he is not yet and therefore do not appear in Adobe not animate. If you don't see this message, make sure that you have left and reopened Animate.

  BTW, an add-on that I had yesterday happened yet. Adobe know the question and check into why modules are not getting through.

• text on a path between each letter in XML svg

  Whenever I have to make a bow and put the text on it via the type on a path tool, then Center it, it looks perfect. But when I save it as an svg, and then re - open it, it says: "text on path will be flattened," change the code svg and split the letters as well as the smoothing of text curve. It is a problem because I hang in the id to dynamically change the text on my site. It also seems that if I do the export option, the code is also as an example #2.

  Here's the code before I open it new.

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 19.2.1,. The SVG Version: 6.00 Build 0)->

  " < version svg = '1.1' id = 'Layer_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "x ="0px"y ="0px" "

  "viewBox =" "0 0 307,5 106.9 ' enable-background =" new 0 0 307,5 106.9 "XML: Space ="preserve">

  < path id = filling "SVGID_x5F_1_x5F_" = "none" d="M21,70.6c0,0,53.5-17.2,132.7-17.2S295,70.6,295,70.6"/ >

  < text > < textPath XLink = "#SVGID_x5F_1_x5F_' startOffset="11.377% ">"

  < tspan font-family = the size of the font "" TimesNewRomanPS-BoldMT"" = "36px" >Lesson 1< / tspan > < / textPath >

  < / text >

  < / svg >

  Here it is after I open it again.

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 19.2.1,. The SVG Version: 6.00 Build 0)->

  " < version svg = '1.1' id = 'Layer_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "x ="0px"y ="0px" "

  "viewBox =" "0 0 307,5 106.9 ' enable-background =" new 0 0 307,5 106.9 "XML: Space ="preserve">

  < path id = filling "SVGID_x5F_1_x5F_" = "none" STROKE = "#2100FF" stroke-miterlimit = "10" d = "M16.7, 79.2c0, 0, 53, 5 - 17.2, 132.7 - 17.2"

  S141.3,17.2,141.3,17.2"/ >

  < text transformation = "matrix (1 0 0 1 93,6936 64.8429) ' font family = the size of the font"' ArialMT' "="12px"> < / text >" "

  < text transformation = "matrix (1 0 0 1 97,0006 64.3823) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> L < / text >"

  < text transformation = "matrix (1 0 0 1 120,953 62.681) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> e < / text >"

  < text transformation = "matrix (1 0 0 1 136,9217 62.0974) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> s < / text >"

  < text transformation = "matrix (1 0 0 1 150,9316 61.9581) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> s < / text >"

  < text transformation = "matrix (1 0 0 1 164,9415 62.1477) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> o < / text >"

  < text transformation = "matrix (1 0 0 1 182,9271 62.914) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> n < / text >"

  < text transformation = "matrix (1 0 0 1 202,8869 64.4839) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> < / text >"

  < text transformation = "matrix (1 0 0 1 211,8488 65.3236) ' font family = the size of the font""TimesNewRomanPS-BoldMT" "="36px"> 1 < / text >"

  < text font family = the size of the font "' ArialMT'" = "12px" > < / text >

  < / svg >

  As I said back and forth SVG is a problem.

  Some problems occur when you save the file,

  others may occur when you treat more SVG code

  then Illustrator don't even fully understand the SVG code, he wrote.

  So save a file HAVE for editing

  and a SVG for download on the web.

• Adobe Illustrator incorrectly called him "Gill without '-police (note the space)"GillSans"at check-in the SVG format.

  This prevents good rendering in FireFox on a hand, maybe more browsers.

  What can we do about it?

  Gill Sans is one - it's the same problem for each font with a space in the name.

  Here is a sample illustrating the question:

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 19.0.0,. The SVG Version: 6.00 Build 0)->

  " < version svg = '1.1' id = 'Lager_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "x ="0px"y ="0px" "

  viewBox = "0 0 950 430" style = "' enable-background: 0 0 950 430 new;" " XML: Space = "preserve" >

  < style type = "text/css" >

  .ST0 {fill: #333333 ;}}

  . ST1 {display: none; fill: none ;}}

  . ST2 {display: none ;}}

  . ST3 {display: inline; fill: none ;}}

  . ST4 {do-family: 'CourierNewPSMT' ;}}

  . ST5 {size are: 63.2038px ;}}

  . ST6 {do-family: "GillSans" ;}}

  . ST7 {fill: none ;}}

  . ST8 {fill: #FFFFFF ;}}

  . ST9 {do-family: 'GillSansMT' ;}}

  . ST10 {size are: 22.2356px ;}}

  .St11 {display: inline ;}}

  . ST12 {display: inline; fill: #FFFFFF ;}}

  < / style >

  < symbol id viewBox = "bt - buy" = "-19, 5-93 186 39" >

  < g >

  < class path = "st0" d="M93-11c0-4.7-3.8-8.5-8.5-8.5h-168c-4.7,0-8.5,3.8-8.5,8.5v22c0,4.7,3.8,8.5,8.5,8.5h168

  C4.7,0,8.5-3.8,8.5-8.5V-11z"/ >

  / < g >

  "< class polygon ="st1"points ="-93,18.5 93,18.5 93,-19,5-93,-19,5 "/ >".

  < / symbol >

  < id g = "Lager_1_1_" class = "st2" >

  < rect x = "78.9" y = "115,4" class = "st3" width = "378" height = "133.9" / >

  / < g >

  < id g = 'SE' >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st4 st5" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st5 st6" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" "overflow: visible;" / > "

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = '280.5' class = 'st7"width ="144.9"height ="21.5"/ >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st8 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "DK" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = 'FI' class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = "NL" class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < id g = 'FROM' class = "st2" >

  < text transformation = "matrix (1 0 0 1 318,8761 173.4998)" class = "st11 st5 st6" > 10% discount < / text > "

  < text transformation = "matrix (1 0 0 1 299,7761 238.0998)" class = "st11 st9 st5" > pa went linser < / text > "

  " < a XLink =" https://www.LensWay.se/kontaktlinser "transform =" matrix (1-0 0-1 479,9485 311,7) "> "

  "< use XLink =" #bt - buy"width ="186"height ="39"x = ' «» ' 93 y = '-19,5' transform =" matrix (1 0 0 1 23 - 19) "style =" display: inline; " overflow: visible; "/ >

  < /a >

  " < a XLink =" https://www.LensWay.se/kontaktlinser " >

  < rect x = "391.4" y = "280.5" class = "st3" width = "144.9" height = "21.5" / >

  < text transformation = "matrix (1 0 0 1 422,2924 295.6487)" class = "st12 st9 st10" > Till linser < / text > "

  < /a >

  / < g >

  < / svg >

  It seems to me that Illustrator uses the PostScript fontname.

  But if I change the fontname in the SVG file to include spaces, it renders fine in FireFox and other browsers that I have installed on my Mac (Safari and Chrome).

  I don't know what is happening with mobile browsers or other platforms, but maybe it's time for a feature request.

  Feature request/Bug Report Form

• Illustrator cc outputs 2015 very large SVG files

  I just upgraded to CC2015, and exported SVG is really huge for what they contain. A simple circle and a rectangle in a 24 x 24 work plan comes up to 400 KB. Interestingly, all SVG exported using the same size of the artboard is 400kb. I use 64-bit win8.1. Any ideas how to solve this problem?

  Sujan,

  There are problems with CC 2015 and SVG.

  Adobe are working on it, see post by Anubhav #26 in this thread:

  https://forums.Adobe.com/message/7665226#7665226

  If you have a Mac, you can use it,

  https://affinity.serif.com/en-us/

  See post #54 by Pete in the same thread:

  https://forums.Adobe.com/message/7709615#7709615

  Or you can return to the CC 2014, see

  o-CC-or-any-creative-cloud-application/ http://blogs.adobe.com/kevinmonahan/2014/01/29/Revert-to-a-previous-version-of-Premiere-PR

  Or from the tab versions in the app management CC using the CC Office management application, you should be able to go to the top gear icon on the right. Find the Illustrator set up and that there should be an option of previous Versions that you can develop.

  Or go to your console CC > menu APPS, then scroll down to find additional applications and the right to it see you blue text (probably all applications.) and choice of menu, open it and jump a little below in black letters menu (video, etc.) there is a blue line SEE the PREVIOUS VERSIONS, click on it, you will see the names of all the software without number , click on install and you will see all earlier versions to install according to your choice.

  You can also see how to post #20 by Drawingbuddy in this thread:

  https://forums.Adobe.com/thread/1871573

  Otherwise you might get drawn to help here.

  http://prodesigntools.com/Adobe-CC-version-control.html

• SVG tiny 1.1 header in HAVE 17.1 lack of height and the width of the field.

  SVG tiny 1.1 header created by AI 17.0.0 looks like so:

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 17.0.0,. The SVG Version: 6.00 Build 0)->

  < ! DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny / / IN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" > ""

  " < version ="1.1"svg baseProfile = 'small' id = 'Layer_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "

  x = "0px" y = "0px" width = "612px" height = "792px" viewBox = "49 99 612 792" XML: Space = "preserve" >

  SVG tiny 1.1 header created by HAVE 17.1 lack field height and width.

  <? XML version = "1.0" encoding = "utf-8"? >

  <!-generator: Adobe Illustrator SVG Export plugin 17.1.0,. The SVG Version: 6.00 Build 0)->

  < ! DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny / / IN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" > ""

  " < version ="1.1"svg baseProfile = 'small' id = 'Layer_1' xmlns =" http://www.w3.org/2000/SVG "xmlns:xlink =" " http://www.w3.org/1999/xlink "

  x = "0px" y = "0px" viewBox = "0 0 711 991" XML: Space = "preserve" >

  < id g = "Layer_3' display = 'none' >

  When recording, go to "Other options" and disable "Responsve".

• Sprite SVG animation?

  Hey there,

  did someone came up with a workflow streamlined to export complex animations (for example a walk cycle) Flash on board using SVG?

  I know for PNG is the process that I use:

  • Export Flash animation as a png sequence

  • Open as "Animation" in Fireworks

  • Orders > edge animate > export as Edge Animation of Sprite

  • On board animate > library window > click the "+" button in the symbols section and choose the file "ansym" (ie the Animation of Sprite to edge).

  But would rather SVG for sensitive scaling animations.
  

  As I know the extension made of John Dunning does not support SVG export. Maybe try this: once you load the sprite within the YEAR, swap the png with the same size SVG files. Then, you would change the source of the linked image in the properties panel:

  

  I know it's kind of a boring workaround, but would it work?

  Sarah

• SVG interactivity: compatibility problem of text

  Hi all

  I have an animation using some SVG interacitve. I used the example of a common edge (http://www.youtube.com/watch?v=4UEB6gaLKuw) and it works well.

  But I have a question about the text encoding:

  I have "spaces" in the text of my layers in the SVG file, but the 'spaces' are replaced by 'underscore' in the animation.

  I guess it's a coding problem, but I have no idea how to solve this problem. Should I look for in the Illustrator's SVG export option? Should I code something in the html file? Is there a solution?

  Thanks for the help!

  Here's the code I used to fix some problems with layer names. You can use 1 or 3 depending on what you need, but your question use number 1 and change the last line accordingly.

  sym.setVariable ("selectedPart", event.target);

  REMOVE UNDERSCORE

  newText var = (event.target.id) .split ("_").join("");

  DELETE NUMBER A DUPLICATE LAYER NAME IF

  var newText2 = (newText).split("1").join("");

  REMOVE UNNECESSARY SPACE

  var newText3 is.split("").join("") (newText2);.

  You can then use this
  SYM. $("selectedPartTxt") (newText2) .html.