title: How to search and replace text in multiple lines in SVG effectively?
body: <p>Say I have an SVG file like this:</p>
  <p><a href="https://i.stack.imgur.com/7KB46.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7KB46.png" alt="enter image description here" /></a></p>
  <p>How should I edit the content of the text effectively? Clicking each of them in an SVG editor is a way, but if you have many text like this it will be ineffectively. One can search and replace it in the source, but for texts that span in two or more lines, they are separated:</p>
  <pre><code>&lt;text
     xml:space=&quot;preserve&quot;
     id=&quot;text1769&quot;
     style=&quot;font-size:2.82222px;line-height:1.25;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1771);display:inline&quot;
     transform=&quot;matrix(2.5377821,0,0,2.5377821,-1.6795872,-19.146171)&quot;&gt;&lt;tspan
       x=&quot;2.7854152&quot;
       y=&quot;13.211847&quot;&gt;&lt;tspan&gt;A sentence spans &lt;/tspan&gt;&lt;/tspan&gt;&lt;tspan
       x=&quot;7.1944451&quot;
       y=&quot;16.739622&quot;&gt;&lt;tspan&gt;in two lines&lt;/tspan&gt;&lt;/tspan&gt;&lt;/text&gt;
  &lt;text
     xml:space=&quot;preserve&quot;
     id=&quot;text1775&quot;
     style=&quot;font-size:2.82222px;line-height:1.25;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1777);display:inline&quot;
     transform=&quot;matrix(2.5377821,0,0,2.5377821,-13.399482,-7.1235831)&quot;&gt;&lt;tspan
       x=&quot;11.339253&quot;
       y=&quot;19.647394&quot;&gt;&lt;tspan&gt;An one liner&lt;/tspan&gt;&lt;/tspan&gt;&lt;/text&gt;
  </code></pre>
  <p>Is there a way so that texts that span across multiple lines can be easily recognized and edited as if they are just one line? My purpose is to translated <a href="https://graphicdesign.stackexchange.com/q/144540/26474">this file</a> to another language.</p>