Question

My code is somewhat like this:

<?php

if($_REQUEST['post'])
{
    $title=$_REQUEST['title'];
    $body=$_REQUEST['body'];
    echo $title.$body;
}
?>

<script type="text/javascript" src="texteditor.js">
</script>

<form action="" method="post">
       Title: <input type="text" name="title"/><br>

       <a id="bold" class="font-bold"> B </a> 
       <a id="italic" class="italic"> I </a>

       Post: <iframe id="textEditor" name="body"></iframe>

       <input type="submit" name="post" value="Post" />
</form>

The texteditor.js file code is:

$(document).ready(function(){
document.getElementById('textEditor').contentWindow.document.designMode="on";
document.getElementById('textEditor').contentWindow.document.close();
$("#bold").click(function(){
    if($(this).hasClass("selected")){
        $(this).removeClass("selected");
    }
    else{
        $(this).addClass("selected");
    }
    boldIt();
});

$("#italic").click(function(){
    if($(this).hasClass("selected")){
        $(this).removeClass("selected");
    }
    else{
        $(this).addClass("selected");
    }
    ItalicIt();
});


});

function boldIt(){
    var edit = document.getElementById("textEditor").contentWindow;
    edit.focus();
    edit.document.execCommand("bold", false, "");
    edit.focus();
}

function ItalicIt(){  
    var edit = document.getElementById("textEditor").contentWindow;
    edit.focus();
    edit.document.execCommand("italic", false, "");
    edit.focus();
}

function post(){
    var iframe = document.getElementById("body").contentWindow;
}

Actually I want to fetch data from this text editor (which is created using iframe and javascript) and store it in some other place. I’m not able to fetch the content that is entered in the editor (i.e. iframe).

Please help me out in this.

Answer 1

You can’t do that because it is not allowed.

Javascript is not allowed access to other frames/iframes, as it would result in a security breach.

Try to implement your editor inline in a <div></div> instead of iframe