如何在未编码的img src属性中编码换行符？

Question

我有一个将文本转换为图像的Web服务。我希望用户能够在不编码URL的情况下编写包含换行符的图像标记（我希望URL保持清晰易读，以便编辑），例如：

<img 
  src="https://webservice/puml/png/
    @startuml
    Alice -> Bob: Hello World!
    @enduml" 
  alt="Diagram of Alice saying Hello World to bob">

我遇到的问题是新行字符在Chrome中被编码为空格（%20）而不是换行符（%0A）。

我尝试编写一些简单的javascript来自动对网址进行编码，但是当我检查document.getElementsByTagName('img')[0].src.indexOf('\n')结果为-1时，我就无法进行简单的查找/替换。

如何以编程方式查找并正确编码src属性中的换行符？