Home/ Questions/Q 9007837
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T01:47:49+00:00

I have dynamic content which I generate with PHP, and i want to store

  • 0

I have dynamic content which I generate with PHP, and i want to store some various text in data attribute. Bu the problem is that i need to escape various characters that could damage my entire html

So I need to do some kind of encoding with php and then decode that string with javascript when i want to use that data, what would be the best way to do that?

And just to clarify i do not want to use any inputs or anything like that, i need to store this data in various elements for example a or div and so on…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If all you want is to pass some data to JavaScript, why not just write it directly to a variable:

    <html>
<head>
<script>
var data = <?php echo json_encode($data); ?>
</script>
<!-- etc. -->

    Anyway, if you want to do it your way, you can use htmlspecialchars to escape arbitrary data before putting it in an HTML attribute:

    <div data="<?php echo htmlspecialchars('"\'!)(@UI#_!)(@JP_!()@J'); ?>">Example</div>

    If you then read that with JavaScript, it should understand the HTML encoding, so you won’t need to do anything special to read it.

    If your data is more complex, but not binary, you could JSON encode it, then use htmlspecialchars:

    <?php
$data = array();
$data["a"] = 123;
$data["b"] = "example";
$jsonData = json_encode($data);
$escapedJsonData = htmlspecialchars($jsonData);
echo "<div data=\"$escapedJsonData\">example</div>";
?>

    You can then read that data in JavaScript using JSON.parse:

    var yourDiv = getDivSomehow();
var data = JSON.parse(yourDiv.getAttribute("data"));

    If your data is binary, you can base64 encode it:

    <?php
$data = someImage();
$encodedData = base64_encode($data);
echo "<div data=\"$encodedData\">example</div>";
?>

    Presumably there’s some way to decode this in JavaScript.

    • 0