Редактировать элементы внутри iframe с contentEditable = "true"

Question

У меня есть iframe внутри моего html-кода.

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

В файле demo.html содержатся теги с атрибутом contentEditable = "true", подобным этому.

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

, когда я открыть файл demo.html отдельно я могу редактировать р тег без проблем, однако, когда я открыть HTML-файл, который содержит в IFRAME я не могу изменить этот пункт.

Прошу прощения, как исправить это.

Спасибо

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. Просто убедитесь, что вы используете атрибут contenteditable для тегов div, а также установите размеры iframe, если это не работает. В этом примере я также использовал библиотеку, которую я создавал, называемую jayscript, поэтому извините те комментарии, которые предназначены для этого. Протестировано и работает без jayscript, тем не менее ... Если это все еще не работает для вас, я не знаю, в чем проблема (нужно быть более конкретным).