Custom Client Side Formatters Issue

[s.alpaslan]

Hello @Teodor ,
I need add new client side formatter .

dmx.Formatters('string', {
    encodeBase64: btoa,
    decodeBase64: atob
});

usage ;

{{'Hello world'.encodeBase64()}} or {{testData.encodeBase64()}}

returned result ;

how can I fix this issue ?

[Teodor]

That's already explained in the following topic:

Decode Base64 on Frontend

I am trying to pass in a query parameter a URL that would contain another url. Example: www.domain.com?fwd=Param1 and Param1 could have a random value such as: /page?p=1 or it could be /folder/page?p=1 In order to workaround this, I want to use Base64 encoding (ar any other URL encoding). Is there a way to do it on the front end? Thanks

[s.alpaslan]

yes I’m trying the example there, but I get an error.

[s.alpaslan]

@Teodor
could you check test file ? . where is my mistake
test.zip (946 Bytes)

[patrick]

try the following code

dmx.Formatters('string', {
  encodeBase64: function(val) {
    return btoa(val);
  },
  decodeBase64: function(val) {
    return atob(val);
  }
);

[s.alpaslan]

@patrick

dmx.Formatters('string', { encodeBase64: function(val) { return btoa(val); }, decodeBase64: function(val) { return atob(val); } );

Thanks @patrick but returned error ;

<script>
		dmx.Formatters('string', {
      encodeBase64: function(val) {
        return btoa(val);
      },
      decodeBase64: function(val) {
        return atob(val);
      }
    });
	</script>

[patrick]

Seems I made a typo, a curly bracket is missing.

dmx.Formatters('string', {
  encodeBase64: function(val) {
    return btoa(val);
  },
  decodeBase64: function(val) {
    return atob(val);
  }
});

[s.alpaslan]

@patrick

dmx.Formatters('string', { encodeBase64: function(val) { return btoa(val); }, decodeBase64: function(val) { return atob(val); } });

@patrick thank you working perfect !