Hello Daniel, thank you for your response.

I'm not sure I follow, is what you mean that the  "& amp ;"  is an escape string?

In my case, I want to convert or maybe replace this characters into  "&"  symbol:

Above is a response from REST API that appeared with "& amp" characters I've mentioned, and because of that it failed to represent an image in HTML render tag

Indeed there is no space between & and amp; inside the API response:

is it possible to convert/replace the response that contains "ampersand" characters into & symbol?

If your encoded URL contains & it will be succesfully decoded to &

& amp; cannot be succesfully decoced, unless you first remove the space after the &

Hello Daniël,

I try to decide to replace the Ampersand characters inside the string value, but I don't want to replace the whole parameter outside the <img source> tag. This is the example string I've shown you before: 

Is it possible to replace within condition like that? Maybe I need to use Regex_Replace? but I'm not familiar with regex pattern though

I see, so basically the appearance of "Ampersands" characters inside the REST API response is invalid?

Alright, and what should I put inside the Pattern parameter? The "& amp" one?

Yes, You can use "& amp". But I suggest using regex_replace because it can deal with more complicated problems.

 If you are not familiar with Regex Expression, and only want to replace "& amp ", You can use more simple action. e.g.  Replace("& amp "," )

Kind Regards

If I decide to use the simple Replace built-in function, turns out it will replaced the whole API response, which is not good.

I think I preferred the Regex one, maybe you could tell me how to use the pattern expression?

So the text that needs to be replaced is always inside <img source> tag, example:

<img src="__  _(url value)_______& amp;_____ (url value)______.JPG">

and there's the "Ampersand" characters in the middle that need to be replaced into %26 in order the render HTML to work.

Could you share the complete url that you need to decode? Because I still don't understand why you have an issue at all. It should be easy.

Hello Daniel,

So as I've mentioned we got a response parameter from an API, and we already have decode the parameter value using this extension:

I can give you an example of the parameter format after decodeURL action:

"detail": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. & Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<img src="/content/dam/p&t/2019/juli/Telkomsel%20Gelar%20Hackathon%20Innovate%202019_2.JPG" style="font-size: 0.8125rem;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore & et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  

<img src="/content/dam/p&t/2019/juli/Telkomsel%20Gelar%20Hackathon%20Innovate%202019_4.JPG" style="font-size: 0.8125rem;>" </p>"

I'm also give you the sample as an image in case the Ampersands characters are converted automatically in OS forums editor:

Thank you

Looks like your issue is that you decode HTML using URL_Decode, where instead you should use HTML_Decode that is available as an action of the EncodingUtils extension available on the Forge:

https://www.outsystems.com/forge/component-overview/3892/encoding-utils

Regards,

Daniel

Thanks for your recommendation,

I tried with that extension the decoding also works as well. However, this doesn't fix our case because the issue were about the URL inside the img src tag is containing Ampersands (&-amp-;) character so it won't render the image.

Example, the html text value that doesn't render the image properly:

The html value that does render the image properly:

I wanted to replace the Ampersand character inside the img src tag to %26, but I don't want to replace the character outside the tag. I find it difficult if using simple Replace built-in function because the text value is in one attribute and turns out it replaced the all Ampersand strings in the attribute value.

Perhaps it can be resolved with regex function?

Hi, ,

I have made a javascript regex that gets the image SRC and then replaces the Ampersand. It will garantee that the replacement happens only inside a SRC attribute. 

function ampersandDecode(str) {
  var rgx1 = new RegExp(/src=\"(.*?)\"/g);
  var imgSource = rgx1.exec(str)[1];

  alert(imgSource);
  alert(imgSource.replace("&-amp-;", "%26"));
}

ampersandDecode("<img asdfasf src=\"/content/dam/p & t/2019/juli/Telkomsel Gelar Hackathon Innovate 2019_4.JPG\" dfsasd f>");

Hope it helps.

Here it is an example using the OutSystems built-in functions:

Hello, Kadu

Thank you for your solutions! I'll try the regex one first because the JS only available on the front-end side.

I'll update this post once it's solved.