CODEWITHSUNDEEP
phptwig
Steven Aguilar
Steven Aguilar

Reputation: 3049

How escape apostrophe in PHP json_encode

I am passing a json_encode object into a button.

 <button aria-controls="web-share-fallback" aria-expanded="false"
    class="c-share__link btn-link underline font-normal"
    data-js="web-share track" data-web-share='{{
    post.getWebShare()|json_encode }}' data-track-key="Web Share" data-track-data='[{"action": "web-share"}]'>

Now getWebShare() returns an array which seems to be breaking in the following string. enter image description here

The word can't seems to be causing the string to end which prevent the button from firing up. json_encode doesn't seem to be solving this.

  public function getWebShare() {
    foreach ($this->web_share as &$value) {
      $value = addslashes($value);
    }
    return $this->web_share;
  }

The method addslashes does seem to be adding the \ to the can't word trying to scape it but it still breaking the full string as shown in the image above.

How can I go about the string from closing on the single apostrophe?

Upvotes: 0

Views: 1006

Answers (1)

Koala Yeung
Koala Yeung

Reputation: 7843

The function json_encode only encode data into valid JSON format. To use a JSON string (or any string for that matter) as a valid HTML tag attribute, you should use htmlspecialchars or equivlant way to treat it.

Twig's escape filter should work for your case.

<button aria-controls="web-share-fallback" aria-expanded="false"
    class="c-share__link btn-link underline font-normal"
    data-js="web-share track" data-web-share='{{
    post.getWebShare()|json_encode|escape }}' data-track-key="Web Share" data-track-data='[{"action": "web-share"}]'>

Upvotes: 5

Related Questions