MSHTML editor - default font

Pagina: 1
Acties:

  • ruuds
  • Registratie: Maart 2001
  • Laatst online: 04-05 16:19
Ik ben met die html-editor-in-je-iframe bezig en gelukkig alles werkt. Het enige waar ik echter nog mee zit is het volgende:

Het standaard lettertype is Times New Roman, maar ik wil dit graag op Verdana hebben, zodat de ingetypte tekst meer op de uiteindelijke afgebeelde tekst lijkt.

Iemand vertelde me dat ik gewoon een <font face="Verdana"> aan het begin en een </font> aan het eind moest plaatsen, maar ten eerste vind ik dit nogal smerig, en ten tweede, als ik ctrl+a delete doe, is die tag ook weg, wat dus weer mooie Times lettertjes oplevert.

Iemand ervaring met zoiets die me kan uitleggen hoe ik het voor elkaar krijg?

  • KnoppenSpook
  • Registratie: Augustus 2000
  • Laatst online: 04-09-2023
Ik weet niet of het werkt, maar kan je niet via CSS de font-family setten van het IFrame?

/me weet geen leuke quote voor in zijn signature


  • ruuds
  • Registratie: Maart 2001
  • Laatst online: 04-05 16:19
Dat had ik inderdaad al geprobeerd, maar schijnt niet te werken...

Verwijderd

Heb even een basic voorbeeldje voor je gemaakt die zowel in Gecko als in IE werkt.
Met het commentaar erbij moet ik je nu wel in de goede richting geschopt hebben.

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
  <head>
    <title>HTML Editor Example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">
function init() {
  /**
   * In IE kan je ook gebruiken: window.frames['myFrame'], maar
   * dan zal je editor spaak lopen in Mozilla. Wat wel in beide browsers
   * goed werkt is: d.getElementById('myFrame').contentWindow;
   */
  var d = document, o = d.getElementById("myFrame").contentWindow;
  o.document.designMode = "On";


  /**
   * Je zou natuurlijk ook een stylesheet extern kunnen opslaan en
   * dan een <link href="style.css" rel="stylesheet" type="text/css" />
   * invoegen. I.E.
   *
   * o.document.write("<html>");
   * o.document.write("  <head>");
   * o.document.write("    <link href='style.css' rel='stylesheet' type='text/css' />");
   * o.document.write("  </head>");
   * o.document.write("  <body></body>");
   * o.document.write("</html>");
   */

  /**
   * IE heeft nog geen body object als je niet eerst iets naar
   * het document schrijft.
   */
  o.document.write("");
  o.document.close();
  o.document.body.style.font = "12px Verdana";
}
    </script>
  </head>
  <body onload="init();">
    <iframe id="myFrame"></iframe>
  </body>
</html>

[ Voor 35% gewijzigd door Verwijderd op 29-06-2004 10:27 ]


  • ruuds
  • Registratie: Maart 2001
  • Laatst online: 04-05 16:19
thanks! dat werkt!