禁用iframe textarea

Question

我有一个可编辑的iframe作为WYSIWYG编辑器的一部分，我正在制作乐趣。我希望能够在按下按钮时禁用编辑器中的输入。这是我的代码：

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

Answer 2

您要将错误的元素定位为禁用 - 如果要禁用输入，则需要禁用textarea：

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

也就是说，您的文字区域目前似乎是通过display:none隐藏的，那么您使用哪个元素作为输入？