FCKeditor Tutorials
Last Post 12/10/2009 1:52 PM by Lee Sykes. 7 Replies.
Author Messages
Fred
Nuker
Nuker
Posts:13


--
12/08/2009 10:13 AM
    I've followed all the great FCK tutorials on the site, but I still can't find an answer to a problem that I'm having...  I'm using IE7, the default font (under Page/Text size) is set to Medium...  My pages display fine, they scale when I change the text size anywhere from largest to smallest.  My problem comes in with the FCKeditor.  When I use the font-size from the drop down list, what displays is always ONE size larger than what is saved - unless I select the medium font-size.    When I use the IE dev toolbar it shows the same keyword in both the editor and what is saved.  why does one render different than the other?  Has anybody seen this issue?  It's driving me nuts! Thanks for your input....

     

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    12/09/2009 2:16 AM
    Hello,

    The first thing I would do is NOT use the FCK editor to change the text size, it creates lots of extra tags in the HTML and you will find that Google will index your page for the keyword of "font size" because there will be so many font size tags in the source code.

    It is best to use a CSS class which you can assign to a p tag or div tag to size a section of text as you require. You add the code for the font size in your skin.CSS file.

    It maybe worth having a look at this tutorial:
    How to create resizable text
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Fred
    Nuker
    Nuker
    Posts:13


    --
    12/09/2009 8:48 AM
    Thanks for the reply, Lee. I actually had followed the steps in the 'resizable text' tutorial and that piece seems to work fine. In IE7, I can use the Text Size feature OK. But, even if I don't use the font-sizes, for example, if I add a new HTML module and go to edit it, the Add Content... prompt that appears is LARGER than expected. So if I type text and preview or save it, it is smaller than what the FCK editor is showing. I've got the portal set to dynamic in the css edit area, etc... How can I get the FCK editor to actually to be consistent with what is saved/previewed?
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    12/09/2009 8:58 AM
    Do you know if you have set your skin to use XHTML Transitional as a DOC Type?
    How to select DOC TYPES in DotNetNuke 4.4
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Fred
    Nuker
    Nuker
    Posts:13


    --
    12/09/2009 8:09 PM
    Yes, xhtml transitional is set in the doc type as well as set as fall back in host settings. the skin i'm using at this point is the Minimal Extropy, but I get the same results with any skin. It looks like FF displays the same size in both the fck editor and what is saved. IE7 seems to be the problem...
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    12/10/2009 2:01 AM
    Ok, I understand now, I think I have come across this problem before as well. When doing any admin editing I always use Firefox so I tend not to see these problems.

    One thing you could check is the body ID that you have set for the FCK editor, you may need to set some text sizes for the body tag that the FCK editor is using to match your skin.

    Further details on configuring the body tag in the FCK editor have a look at this tutorial:
    FCK Editor CSS Skin Styles Preview in DotNetNuke
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Fred
    Nuker
    Nuker
    Posts:13


    --
    12/10/2009 1:49 PM

    You got me thinking about the DOC types so I did some poking around and found an entry in the FCKconfig.js file where the DOC type can be specified:

    I changed the FCKConfig.DocType = '' setting to:

    FCKConfig.DocType = 'http://www.w3.org/TR/xhtml1/DTD/xht...tional.dtd">' ;

    Once I added the DOC type settings here, the the font sizes show the same in the fckeditor window as they do once previewed and saved! Finally. 
    I have been messing with this for days.

    Thanks again for your help in pointing me in the right direction.  This is a great site you have here with a ton of great info!

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    12/10/2009 1:52 PM
    nice one, I will have to remember that one!
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---