Question

我的html代码里面有一个iframe。

<div>
  <iframe src="demo.html"></iframe>
</div>

demo.html包含一些带有contentEditable =“true”的标签，如下所示。

<div>
  <p contentEditable="true">bla bla bla bla bla</p>
  .
  .
  .
</div>

当我单独打开demo.html文件时，我可以毫无问题地编辑p标签，但是当我打开包含iframe的html文件时，我无法编辑段落。

请知道如何解决此问题。

谢谢

Answer 1

通常我会看到contentEditable div或iframe。如果你发现，我想知道更多。

Answer 2

<!-- /enabled jayscript/ -->

<div>
  <!-- .load demo.html content -->
  <iframe src="demo.html" style="">You do not support iframes...</iframe>
</div>

<!-- Below is code in demo.html 
      .modify demo.html content -->
<br><br><b>Demo.html</b><br>
<div contenteditable="true">
  Blah blah blah  
</div>

<!-- \enabled jayscript\ -->

这在现代Chrome中似乎对我有用。只需确保在div标签上使用contenteditable属性，如果不起作用，还要设置iframe的尺寸。在这个例子中，我还使用了一个名为jayscript的库，所以请原谅那些意义上的注释。尽管如此，测试和工作没有jayscript ...如果这仍然不适合你，我不知道你的问题是什么（需要更具体）..

使用contentEditable =“true”编辑iframe中的元素

2 个答案: