Inserisci HTML in iframe

Sto creando un editor HTML nel browser. Sto usando l’Evidenziatore di syntax chiamato Code Mirror che è molto buono.

La mia configurazione è un iframe che contiene una vista della pagina che si sta modificando e una textarea su cui si trova il testo HTML HTML che l’utente modifica.

Sto cercando di inserire l’HTML modificato dalla textarea nell’iframe che mostra che hanno reso HTML.

È ansible? Ho provato il seguente:

Configurazione HTML:

        

    Impostazione 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) }) 

    Questo non sembra caricare l’HTML nell’iframe, esiste un metodo speciale per inserire l’HTML in un iframe o non è ansible?

    Saluti

    Eef

    Impostare il

    document.designMode

    proprietà e quindi prova ad aggiungere l’HMTL

    Leggere

    Modifica Rich-Text in Mozilla

    anche

    Anche questo problema mi ha infastidito e finalmente ho trovato una soluzione.

    È tardi, ma aggiungerà valore ad altri visitatori che potrebbero aver bisogno di una correzione adeguata.

         Iframe test       

    Puoi fare tutto su una riga con jquery

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

    Guarda la demo di lavoro qui http://jsfiddle.net/dWpvf/972/

    Sostituisci “iframe” con “#render” per il tuo esempio. Ho lasciato in “iframe” in modo che altri utenti possano fare riferimento alla risposta.

    provare

     iframe[0].documentElement.innerHTML = code; 

    Supponendo che l’url dell’iframe provenga dallo stesso dominio della pagina web.