iframeのテキストエリアを無効にする

Question

私は面白いために作っているWYSIWYGエディタの一部として編集可能なIframeを持っています。私は、ボタンが押されたときにエディタでの入力を無効にしたいと思っています。ここに私のコードです：

<a class="buttonOnBar_break" id="btn1" type="button" value="" onClick="javascript:iBold();" title="Bold text"><img id="btnOnBarImg"src="img/icons/bold.png"></a> 

<textarea style="display:none;"id="postTextStyle" name="Text" cols="100" rows="14" wrap="hard" ><?php echo $text;?></textarea> 
<center><iframe name="richTextField" id="richTextField" ><?php echo $text;?></iframe></center> 

<script> 
    function iBold(){ 
    document.getElementById("richTextField").disabled = true; 
    } 
</script> 

これは私のためには動作しません。私は1時間半のインターネットを検索して解決策を見つけようとしていますが、私が試したことのすべてはうまくいかないのです。これも可能ですか？

Answer 1

無効に間違った要素をターゲットにしている - あなたが入力を無効にしたい場合はテキストエリアを無効にする必要があります。

document.getElementById("postTextStyle").disabled = true; 

言った、あなたのテキストエリアには、現在display:none経由で隠されているように見えるので、どの要素ですあなたは入力として使用していますか？

Answer 2

のiframeの編集を無効にするには、一つは、私はIFRAMEを入力するために使用されている要素であると考えていますそのドキュメントのdesignModeフラグ

// 'on' to enable it 
document.getElemwentById('richTextField').contentDocument.designMode = 'off';