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

Answer 2

您定位了要禁用的错误元素 - 如果要禁用输入，则需要禁用文本区域：

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

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