jquery - write - php create iframe with content




Вставьте HTML в iframe (3)

Я создаю в браузере HTML-редактор. Я использую подсветку синтаксиса под названием Code Mirror, что очень хорошо.

Моя установка - это iframe, который содержит вид редактируемой страницы и текстовую область, в которой находится обычный текст HTML, который редактирует пользователь.

Я пытаюсь вставить отредактированный HTML-код из текстовой области в iframe, который отображает визуализированный HTML-код.

Это возможно? Я пробовал следующее:

Настройка HTML:

<iframe id="render">

</iframe>

<textarea id="code">
HTML WILL BE 

HERE
</textarea>
<input type="submit" id="edit_button" value="Edit" />

Настройка JQuery:

$('#edit_button').click(function(){
    var code = editor.getCode(); // editor.getCode() is a codemirror function which gets the HTML from the text area
    var iframe = $('#render');
    iframe.html(code)
})

Похоже, это не загружает HTML в iframe, есть ли специальный метод для вставки HTML в iframe или это невозможно?

ура

Eef


Вы можете сделать все это в одной строке с JQuery

$("iframe").contents().find('html').html("Your new HTML");

Смотрите рабочую демоверсию здесь http://jsfiddle.net/dWpvf/972/

Замените "iframe" на "#render" для вашего примера. Я оставил в "iframe", чтобы другие пользователи могли ссылаться на ответ.



пытаться

iframe[0].documentElement.innerHTML = code;

Предполагается, что URL-адрес iframe принадлежит тому же домену, что и веб-страница.





insert