MSHTML editor - default font - Softwareontwikkeling

dinsdag 29 juni 2004 10:00

Acties:

Topicstarter

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?

dinsdag 29 juni 2004 10:13

Acties:

KnoppenSpook

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

dinsdag 29 juni 2004 10:15

Acties:

ruuds

Topicstarter

Dat had ik inderdaad al geprobeerd, maar schijnt niet te werken...

dinsdag 29 juni 2004 10:25

Acties:

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:

<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 ]

dinsdag 29 juni 2004 13:11

Acties:

ruuds

Topicstarter

thanks! dat werkt!