javascript - 禁用 iframe 文本区域

Question

我有一个 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>

这对我不起作用。我已经在互联网上搜索了一个半小时，试图找到解决方案，但我尝试过的一切都没有奏效。这可能吗？

Answer 1

要禁用 iframe 的编辑，必须编辑其文档的 designMode旗帜

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