How do I control the default font style in the editor textarea?

Last post 10-20-2006, 2:33 PM by Adam. 6 replies.
Sort Posts: Previous Next
  •  11-16-2005, 9:09 AM 12717

    How do I control the default font style in the editor textarea?

    We are using cuteeditor extensively for our clients to edit their content on-line. It works really great. Our only hickup is that the default font used in the editor window doesn't match the default used when the content is rendered after editing (in the resulting web page). (I.e., when you enter text into the editor area without setting any style, etc. it renders in the editor in a serif font - time new roman I think - and when you save this plain text and render it in the final web page it uses the default web style .Normal in our style sheet - which is Tahoma - sans serif.)
     
    I've looked and played with various editor controls, including:
     
    EditorBodyStyle
    EditorWysiwygModeCss
    Frametyle
    AutoParseClasses
     
    As well as defining the 'CuteEitorTextArea' style both in our style sheet as well as in the

    CuteSoft_Client\CuteEditor\Themes\Custom\style.css.aspx
     
    file. All to no avail.

    (I should point out that the font face control drop down for the editor comes up with 'Times New Roman' on startup. However, as I am not assigning that to any text in the editor window, I do not expect it to control the default font rendered. If it did, then I would expect that setting to be rendered out for the final page.)
     
    Ideally we would like to simply refer the editor textarea to our style as a default so that any site style changes are automatically reflected in the editor. An alternative would be to know where to edit the default style that the editor is using to render the text in the editor textarea.

    Any ideas/pointer/help would be great!
     
    Regards.
  •  10-12-2006, 12:31 PM 23522 in reply to 12717

    Re: How do I control the default font style in the editor textarea?

    Hello
     
    I didnt see a response to the issue below. We are having the same problem. What would be a solution for this.
     
    Thank you for your assistance.

     
    wilmar:
    We are using cuteeditor extensively for our clients to edit their content on-line. It works really great. Our only hickup is that the default font used in the editor window doesn't match the default used when the content is rendered after editing (in the resulting web page). (I.e., when you enter text into the editor area without setting any style, etc. it renders in the editor in a serif font - time new roman I think - and when you save this plain text and render it in the final web page it uses the default web style .Normal in our style sheet - which is Tahoma - sans serif.)
     
    I've looked and played with various editor controls, including:
     
    EditorBodyStyle
    EditorWysiwygModeCss
    Frametyle
    AutoParseClasses
     
    As well as defining the 'CuteEitorTextArea' style both in our style sheet as well as in the

    CuteSoft_Client\CuteEditor\Themes\Custom\style.css.aspx
     
    file. All to no avail.

    (I should point out that the font face control drop down for the editor comes up with 'Times New Roman' on startup. However, as I am not assigning that to any text in the editor window, I do not expect it to control the default font rendered. If it did, then I would expect that setting to be rendered out for the final page.)
     
    Ideally we would like to simply refer the editor textarea to our style as a default so that any site style changes are automatically reflected in the editor. An alternative would be to know where to edit the default style that the editor is using to render the text in the editor textarea.

    Any ideas/pointer/help would be great!
     
    Regards.
  •  10-12-2006, 1:29 PM 23527 in reply to 23522

    Re: How do I control the default font style in the editor textarea?

    Please check the Editor.EditorBodyStyle and EditorWysiwygModeCss property.
     
    Editor.EditorWysiwygModeCss Property
    Specifies the location of the style sheet that will be used by the editable area. Multiple Style Sheets are supported. Example EditorWysiwygModeCss="example.css,~/portal.css,/default.css"  
     
    Editor.EditorBodyStyle Property

    The style to be applied to the Editor body.


    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  10-13-2006, 10:05 AM 23556 in reply to 23527

    Re: How do I control the default font style in the editor textarea?

     
    Hello. I appreciate your response. Thank you
     
    I am using the editor in a modified version of ibuyspy portal.
     
    Editing....DesktopModule/RichHtml/Edit.aspx, and inserted the following:

    <CE:Editor EditorWysiwygModeCss="~/portal.css"
    So the result would looks like:

    <CE:Editor EditorWysiwygModeCss="~/portal.css" id="txtDesktop" ...
     
    We were using this setting, EditorBodyStyle="Normal, but it had no effect to the text styles when in edit mode.
     
    The about doesnt work, any other suggestions?
     
    thank you in advance.
     
    Les
  •  10-13-2006, 1:10 PM 23561 in reply to 23556

    Re: How do I control the default font style in the editor textarea?

    Les,
     
    EditorBodyStyle only accepts CSS text, it doesn't accept CSS class.
     
    It will not work:
     
    EditorBodyStyle="Normal"
     
    It will work:
     
    editor.EditorBodyStyle = "font:normal 11px verdana;"
     
    Keep me posted
     
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  10-19-2006, 5:26 PM 23723 in reply to 23561

    Re: How do I control the default font style in the editor textarea?

     
    Hello Adam
     
    We did go ahead and change the editorBodyStyle for now and it worked fine. But ideally, we would like the text when in edit mode to use the main style sheet.
     
    We cant seem to get it to recognize the master style sheet.
     
    This is what we added.
     
    <CE:Editor EditorWysiwygModeCss="~/portal.css" id="txtDesktop" ...
     
  •  10-20-2006, 2:33 PM 23744 in reply to 23723

    Re: How do I control the default font style in the editor textarea?

    LeslieC,
     
    Please open portal.css and make sure you define the body font:
     
    For example:
     
    body { font:normal 12px arial;}
     
    Keep me posted
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View as RSS news feed in XML