css iframe designMode=on

29-06-2006, 20.08.26

Ciao a tutti! Ho un'iframe che tramite la funzione
contentDocument.designMode="on";
rendo editabile da web.

Con un po di css, ho modificato i bordi e le dimensioni, ma non riesco a cambiare il carattere e la dimensione dello stesso con cui si scrive all'interno del frame.

ecco i codici:
CSS
#iframe {
border: 1px solid #CCCCCC;
width: 100%;
height:300;
}

HTML
<iframe id="iframe"></iframe>

grazie a tutti!

29-06-2006, 21.09.07

Per esempio:

#iframe {
border: 1px solid #CCCCCC;
width: 100%;
height:300;
font: 90% Arial, Helvetica, sans-serif;
color: #000;
}

29-06-2006, 21.57.02

niente, non va

**heracleum** · 30-06-2006, 01.28.47

Ricordati che seppur in designmode attivato è pur sempre un IFRAME, quindi una finestra esterna, con un proprio oggetto document distinto da quello della pagina che lo ospita.
Quindi dovresti indicargli il suo stile esattamente come fai ad una pagina qualsiasi (indipendente).
Puoi farlo dinamicamente tramite javascript indicando il contenuto del document.
Incuriosito dall'argomento (implementare direttamente il wysiwyg a basso livello), che non ho mai affrontato direttamente (uso l'ottimo fckeditor) mi sono scritto questo codice in locale e funziona sia su IE che Mozilla:

Codice HTML:

<html>
<head>
<script language="javascript" type="text/javascript">

function initEditFrame(){
 var cssurl = "http://www.wrestlingforum.altervista.org/style.css";
 var initcontent = '<span class="right">bla bla</span> <p>Ciao</p>';

 var cont = window.frames['contentDocument'];  
 window.focus();
 cont.focus();
 cont.document.designMode="on";
 cont.document.open();
 cont.document.write('<html><head> <link rel="stylesheet" type="text/css" href="');
 cont.document.write(cssurl+'"></head><body>'+initcontent+'</body></html>');
 cont.document.close();
}

</script>
</head>
<body onload="initEditFrame();">
<iframe width="200" height="200" name="contentDocument" id="contentDocument"></iframe>
</body>
</html>

In questo esempio vado a pescare direttamente il TUO css che hai in home

Puoi ovviamente cambiarlo e impostare il testo iniziale del frame modificando il valore delle apposite variabili all'inizio della funzione di inizializzazione.

30-06-2006, 09.11.58

benissimo, grazie mille!

**funcool** · 30-06-2006, 09.21.36

Visto che risolto, chiudo.

Discussione: css iframe designMode=on

LinkBack

Strumenti discussione

Display

css iframe designMode=on

Regole di scrittura