Passing a string with double quotations as parameter from php to javascript

Question

I've been trying to figure this thing out and I don't know what I'm doing wrong or maybe I'm missing something.

I'm trying to pass a string which contains double quotes that I retrieved from my database to be displayed in a textarea.

Situation sample looks like this:

<?php
   $content = '<div align="center"><b>This is a sample content.</b></div>';
   echo '<textarea id="myTextArea"></textarea>';
   echo '<button onclick="myFunction('.$content.')">Click me</button>';
?>

<script>
  function myFunction(content){
    document.getElementById("myTextArea").innerHTML = content;
  }
</script>

Expected results should be that myTextArea should contain the text, but the result shows:

Output

Your help is greatly appreciated.

try this $content = '<div align="center"><b>This is a sample content.</b></div>'; — musashii
– musashii, Commented Dec 5, 2017 at 8:23

Wouter075 · Accepted Answer · 2017-12-05 08:51:41Z

1

You should quote your output using htmlspecialchars(), such that it reads:

<?php
   $content = "<div align=\"center\"><b>This is a sample content.</b></div>";
   echo '<textarea id="myTextArea"></textarea>';
   echo '<button onclick="myFunction(\''.htmlspecialchars($content).'\')">Click me</button>';
?>

<script>
  function myFunction(content){
    document.getElementById("myTextArea").innerHTML = content;
  }
</script>

edited Dec 5, 2017 at 8:51

Wouter075

1346 bronze badges

answered Dec 5, 2017 at 8:25

Nico Haase

12.1k38 gold badges48 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lajos Arpad · Accepted Answer · 2017-12-05 08:24:51Z

0

You need to escape your quotes inside the string:

   $content = "<div align=\"center\"><b>This is a sample content.</b></div>";

You could also use apostrophes in this case, like

   $content = "<div align='center'><b>This is a sample content.</b></div>";

or

   $content = '<div align="center"><b>This is a sample content.</b></div>';

EDIT:

Also, make sure you use content as a string:

echo '<button onclick="myFunction(\''.$content.'\')">Click me</button>';

answered Dec 5, 2017 at 8:24

Lajos Arpad

80.4k42 gold badges122 silver badges234 bronze badges

Collectives™ on Stack Overflow

Passing a string with double quotations as parameter from php to javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related