jQuery问题从PHP脚本接收html变量

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("<p>Fundada em 2000 e inserida no <strong>Grupo CIL</strong>, a CilNet é uma empresa de Serviços de Engenharia na área das Tecnologias de Informação, com competências em Redes de Comunicação de Dados, Voz e Vídeo.</p>
<p>Tendo como base uma larga experiência no mercado nacional, a CilNet assume-se como um parceiro tecnológico no sector empresarial, com especialização em soluções tecnológicas pioneiras a nível mundial. </p>");

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;
}

Answer 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!