I am new to designing. I have photoshop and illustrator with me. I need to create an svg where I can be able to select the text inside it. As shown in this example where the text is selectable.

Currently, If I save a text svg in illustrator, the text is converting in to image. (I am unable to select the text)

  • What have you tried? Could you explain what your export / svg settings are? Thanks! – Vincent Aug 13 '15 at 8:56
  • @Vincent I just ran with default settings (as I don't have much knowledge on this softwares). I just need to be able to select the text inside the generated svg. – Mr_Green Aug 13 '15 at 8:58
  • That is already valuable information, thanks. – Vincent Aug 13 '15 at 9:22
  • There is a problem with your question. The example is not very conductive as it shows a clipping mask and that different form what you ask. (but clipping mask with selectable text is also possible) – joojaa Aug 13 '15 at 10:40

In Illustrator you can Save as .svg. In the SVG option panel, for type, you have to choose "SVG". The other option, "Convert to outline", will convert you text into a vector shape.

You can drag you .svg file into the browser and check if it is selectable.

Then, in a text editor, you can edit the text from your SVG file, or style it with CSS.

Illustrator SVG options

SVG file in browser

SVG file in a text editor (Sublime Text)

  • But that will not preserve the text inside the svg. It will make the text also as in image format. – Mr_Green Aug 13 '15 at 8:38
  • That's Great:) Never tested that before @Dan Kraepelin – Pyere Aug 13 '15 at 9:36
  • I've attached some pictures. Hope it helps. – Dan Kraepelin Aug 13 '15 at 9:36
  • 2
    Your bookmark organization is awesome. – JohnB Aug 13 '15 at 12:56
  • Haha. Thank you. Branding recognition in action. – Dan Kraepelin Aug 14 '15 at 13:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.