jQuery Problem receiving html variable from PHP script

Question

I'm generating a bunch of tinymce edit boxes by sending it's content to javascript through php.

I'm doing something like

<script>
addBox('<?$content?>');
</script>

The problem is that everytime the text sent has a "/" character the function is broke an returns an error like:

Uncaught SyntaxError: Unexpected token ILLEGAL

I found it to return this error at least with this char... Don't know if it'll happen with others. The function is giving error when called like:

addBox("&lt;p&gt;Fundada em 2000 e inserida no &lt;strong&gt;Grupo CIL&lt;/strong&gt;, a CilNet &amp;eacute; uma empresa de Servi&amp;ccedil;os de Engenharia na &amp;aacute;rea das Tecnologias de Informa&amp;ccedil;&amp;atilde;o, com compet&amp;ecirc;ncias em Redes de Comunica&amp;ccedil;&amp;atilde;o de Dados, Voz e V&amp;iacute;deo.&lt;/p&gt;
&lt;p&gt;Tendo como base uma larga experi&amp;ecirc;ncia no mercado nacional, a CilNet assume-se como um parceiro tecnol&amp;oacute;gico no sector empresarial, com especializa&amp;ccedil;&amp;atilde;o em solu&amp;ccedil;&amp;otilde;es tecnol&amp;oacute;gicas pioneiras a n&amp;iacute;vel mundial.&amp;nbsp;&lt;/p&gt;");

Can anyone help?

The code for addBox is as follows:

function addBox(text){
    elem = "txt" + window.counter;

    var tiny = $.ajax({
        type: "POST",
        url: "inc/ajax.php?act=inserebox",
        data: "value=txt" + window.counter + "&text="+encodeURIComponent(text),
        async: false
    }).responseText;

    $('.more_boxes').append(tiny);
    //$(tiny).append('.more_boxes');


    tinyMCE.init({
       url:'../js/tinymce/jscripts/tiny_mce/plugins/ibrowser',
       mode:"exact",
       elements: elem,
       theme:"advanced",
       height:"220",
       entity_encoding : "raw",
       plugins : "safari,pagebreak,style,table,advimage,advlink,emotions,iespell,media,searchreplace,print,contextmenu,paste,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,inlinepopups,ibrowser",
       theme_advanced_toolbar_location : "top",
       theme_advanced_toolbar_align : "left",
       theme_advanced_statusbar_location : "bottom",
       theme_advanced_resizing : false
    });
    window.counter+=1;

    return true;
}

What is addBox doing? Definitely smells like an encoding issue. — Kris Krause
– Kris Krause, Commented Sep 19, 2011 at 17:17
Did you try decoding your Html - opinionatedgeek.com/dotnet/tools/htmlencode/decode.aspx — Kris Krause
– Kris Krause, Commented Sep 19, 2011 at 17:44
Kris, decode will only return more conflict chars like ' or " no?? I tried encoding and no luck. the function addBox is on top although it returns the error always before — jribeiro
– jribeiro, Commented Sep 19, 2011 at 17:52

bksi · Accepted Answer · 2011-09-28 00:03:23Z

1

You can use PHP's built-in addslashes to escape illegal characters before they get passed to the tinymce box. You will need to do this to the $content var before passing it to the JS script.

EDIT:

Try a combination of decoded HTML and addSlashes like this:

<?php
    // Code to create $content var here //
    $content = addSlashes($content);
?>

<script>
    <![CDATA[
        addBox('<?php echo $content; ?>');
    ]]>
</script>

If you don't enclose your Javascript with <![CDATA[]]>, then you'll get errors if angle'd brackets are found, because it'll be interpreted as the start of an HTML tag.

Hope this helps!

edited Sep 28, 2011 at 0:03

bksi

1,6251 gold badge24 silver badges45 bronze badges

answered Sep 19, 2011 at 17:20

dSquared

9,8455 gold badges40 silver badges54 bronze badges

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

3 Comments

jribeiro Over a year ago

thanks for the repply! unfortunatly the problems persists... changed it to $content=addslashes($row->content); $this->out.='<script> addBox("'.$content.'"); </script>';

jribeiro Over a year ago

Hey dSquared!! Thanks for the tip. At first I was getting an "unexpected token: <" then I putted all in the same line like: //<![CDATA[addBox("'.$content.'");//]]> and I got rid of that error. But it still doesn't work... Now it seems to break in new lines :/

jribeiro Over a year ago

Hi!! Had to adapt your answer for the newlines and some older browser compatibility. I'm editing your answer to place the final code and accepting it! Thanks once again ;)

Collectives™ on Stack Overflow

jQuery Problem receiving html variable from PHP script

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related