Working with fonts in Ephox Editlive – WCM 7


1.       To add or Removing fonts (font family) from the ephox editor,  edit the “Config.properties” file under  wp_profile_root/PortalServer/config/com/ibm/wps/odc/editor. Comment or uncomment any of the below lines and restart the server to take the effect


##############################################################
# Font Menu: (Rich Text, Presentation, Spreadsheet)
# specify custom fonts to replace the ones in the font menu
#
# fontmenu.N=FONTNAME[;FONTDEF]
# where:
#   N is a number starting with zero
#   FONTNAME is the string that appears in the font menu
#   FONTDEF is the corresponding definition, usually a single
#           typeface or comma-separated list in order of
#           preference.  One of the standard font types is
#           suggested as a final entry in the list.
#           See HTML's FONT FACE attribute or CSS font-family
#           for more details.
#
# formatmenu.N=- (optional) will terminate the menu
#
#FIXME: must add Linux fonts and/or make this list less MS-centric
fontmenu.0=Arial;arial,helvetica,sans-serif
#fontmenu.1=Bookman;bookman old style,new york,times,serif
#fontmenu.2=Courier;courier,monaco,monospace,sans-serif
#fontmenu.3=Garamond;garamond,new york,times,serif
#fontmenu.4=Lucida Console;lucida console,sans-serif
#fontmenu.5=Symbol;symbol,fantasy
#fontmenu.6=Tahoma;tahoma,new york,times,serif
#fontmenu.7=Times;times new roman,new york,times,serif
#fontmenu.8=Trebuchet;trebuchet ms,helvetica,sans-serif
#fontmenu.9=Verdana;verdana,helvetica,sans-serif


NOTE: 
·         This is based on Ephox Editlive OEM version that comes with IBM WCM7 .
·         If you want remove the fonts dropdown completely then need to edit "ibm_eljconfig.xml.jsp" and  remove the <toolbarComboBox name="Face"> section.

2.       Setting  the default font: To change the default font, change the embedded style sheet in the 'style' element above in ibm_eljconfig.xml.jsp file under  \IBM\WebSphere\wp_profile\installedApps\NodeName\EphoxEditLive.ear\editor-editlive.war\res\editlivejava

<EditLive>
    ...
    <document>
        <html>
            <head>
                <style type="text/css">
                    body {
                        font-family: "Arial";
                    }
                </style>
            </head>
            <body>
            </body>
        </html>
    </document>
    ...
</EditLive>

Resources:

No comments:

Post a Comment