CSS applied to wysiwyg editor

Using RoboHelp HTML 7.02.001 on Windows XP Pro.
1. Wysiwyg editor incorrectly displays Arial sans-serif,
although it is correctly defined in the CSS file.
2. Output (Preview Topic, WebHelp output, etc.) correctly
displays Arial sans-serif.
3. Styles dialog box (Format > Styles) shows correct
definition of sans-serif font but displays what looks like Times
New Roman (with serifs of course). Font dialog box (Format >
Styles > Format > Font) shows correct definition of Arial but
displays serif font.
Does anyone know where the override might be coming from? I
have tried importing CSS files that work fine in ALL my other
projects but do not work properly in this project. The CSS does not
change, but the font definition is not working in the wysiwyg
editor (thought it DOES work in the output).

Found the solution to my problem!
Format > Font Sets dialog box (a dialog box that I never
knew existed!) showed that "times new roman" was being used in
wysiwyg ed instead of "arial". Also discovered that "arial" was the
wrong font--should have been Arial. When I corrected the Font Sets
definition, everything came right again in the wysiwyg ed.

Similar Messages

  • CSS Styles are Missing in WYSIWYG Editor

    I have had this problem in the past but I am working on my busisnes catalyst site in dreamweaver and then I connect and upload my files through the FTP Connection in the business catalyst plugin for Dreamweaver CS4. The problem I am having is that the CSS Styles that I create in a seperate CSS document and upload to the stylesheets folder are not showing up in the WYSIWYG editor. I have tried to modify the link in the head section of my html and I have tried to upload them through FTP and also the Media manger in the admin panel. How do I get my styles to show up in the editor?
    Thanks

    I've confirmed that my CSS classes are showing up in the Apply CSS Class dropdown of the editor for Web Pages and for Site Editor (ICE), but NOT in the editor for a Web App item description. Initially, this was the only place I was checking which was why I thought it wasn't working at all.
    Besides this, I've found that applying CSS classes in Site Editor does not work if the selection you are applying the class to is an anchor (for example, a selected class gets applied to heading tags once you deselect the text). If I have applied a class to an anchor from the admin editor or ftp then I select that anchor in Site Editor, the applied class appears as selected in the CSS dropdown, but if I try to change the class in Site Editor by selecting a different class, it does not set the class or have any affect on the existing class.
    Has anyone else had these issues or found solutions?
    -Jake

  • Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below?

    Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below? We're trying to make it easily for the client to apply formatting by selecting the CSS Class on the list.

    The Page Template must contain a reference to exactly one stylesheet.
    That single <link rel="stylesheet"> tag must be directly in the <head> section of the Page Template, not in any content holder.
    The class to be added cannot have a selector any more complex than a single class. E.g., this is fine:
    .button {
         background-color: red;
         padding: 5px 10px;
    This will fail:
    .content .button {
         background-color: red;
         padding: 5px 10px;
    The classes to be added must each be added to the list in the Partner Portal (Partner Portal › Tools › Online Editor Settings › select your site from the dropdown › Editor Apply CSS).
    With caching disabled, the above changes will be visible when you change a page's Template and answer 'Yes' to the 'Do you want to reload?' alert box.
    More info here: CSS Styles are Missing in WYSIWYG Editor

  • Content Holder How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

    Need an answer to my question: How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

    Liam,
    If it's not supported there, then where can I access the css and do you have any recommendations for a simple app to change the css style?

  • External CSS styles to show up in WYSIWYG editor in admin section

    Can anyone tell me how to get my external CSS styles to show up in the WYSIWYG editor of the admin section?

    Hello RoosterInk,  Within your Partner Portal go to Tools > Online Editor Settings. From here you should be able to add CSS to the online Editor.    Hope this helps, Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

  • Blend for Visual Studio's HTML/CSS WYSIWYG editor only usable for Windows 8 apps, NOT for web apps?

    Hi there,
    In the process of learning Visual Studio (VS) and ASP.NET, I initially thought that I could use Blend for VS's seemingly great HTML/CSS WYSIWYG editor to visually design the HTML pages and CSS for a web app developped with VS, whether it be with ASP.NET MVC
    or Django (using Python Tools for Visual Studio).
    But now it dawned on me that Blend for VS seems to only be meant to design HTML/CSS for native Windows
    8 apps, and not
    web apps.
    Can someone confirm that this is indeed the case?
    Thanks a lot in advance for clarifying this point for me.
    PS: Maybe this a dumb newbie question, but from the outside, it seems rather counter-intuitive to offer a top-notch tool for web
    standards (HTML/CSS) edition (Blend for VS), all integrated with a top-notch tool for web development (VS) but prohibiting the web developer community to leverage the productivity gains of both
    the former and the integration. This is especially puzzling given that the latest components of the ASP framework (MVC, SPA projects):
    - Pushes for reliance on HTML elements and CSS instead of ASP elements and Skin files;
    - VS apparently also does not provide a visual design page view for ASP.MVC projects, which is sure to make many development teams wary of migrating from web forms to MVC.

    I believe this the case, but I'm not familiar with asp.net development. As you point out: html is html so you can edit and copy the code. That said, the Windows Store apps forums are specifically about writing Windows Store apps. For discussion
    of writing ASp.net apps and the best tools to use for that please post in the asp.net development forums on
    http://asp.net.
    --Rob

  • Need help putting a menu designed in Dreamweaver in an external WYSIWYG Editor

    I put together a menu that contains spry widgets in Dreamweaver. I need to get what I made into a website hosted by another company. The site allows you to create your own pages through a wysiwyg editor. I'm having trouble figuring out how to attach the .js and .css files. I tried copying the source code into the HTML source editor but it ignored the script and css. I then tried putting the code from the .js and .css file into the source editor but I'm doing something wrong. I'm new to HTML and Javascipt and I have a feeling it is a pretty obvious mistake. I would really appreciate some instruction or advice on how to properly put all of the components into the editor.

    Open those individual files to see the code.
    <html>
    <head>
    Copy and paste script code between <script type="text/javascript"> and </script> tags.
    Copy and paste CSS styles between <style type="text/css"> and </style> tags.
    Insert conditional comments (if any) below the scripts and CSS styles.
    </head>
    <body>
    This is where your page content goes
    </body>
    </html>
    Best of luck!
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Ordered and Unordered Lists viewed in WYSIWYG Editor in RoboHelp 10

    I recently upgraded a project from RH 9 (9.0.2.271) to RH 10 (10.0.0.287). Ordered and unordered lists display in the WYSIWYG Editor with more spacing around each line. When I generate the output to HTML Help, the spacing looks fine. I also tested generating output to WebHelp, and again, the output looks fine.
    I have paragraph and list styles defined in my style sheet that I apply to the text in the topic. I also looked at the styles in RH 10 and Media is set to "None."
    Using the Style Pod, I looked at the set up of the parapgraph and list styles. For those styles, (and my body text styles - which look fine in the WYSIWYG Editor) have spacing before and after spacing set. (NOTE: These styles were created in RH8 and the WYSIWYG Editor displayed the styles appropriately in RH8 and RH9.) Even though I changed the style sheet, the WYSIWYG Editor is still displaying more space around the styles then I am expecting.
    I know this is not a huge issue since the output looks fine, but I want to understand why the WYSIWYG Editor isn't working as I expect. I would like the editor to display with correct spacing.
    I attached a few screen captures showing what I see.
    HTML Help Output
    Thanks in advance for your help.

    I suspect part of the issue is that your list styles have spacing above and below and then you have applied paragraph styles that also have spacing above and below.
    Using both is OK and is how I work. However, I do not have any spacing above and below in my list styles. I rely on the paragraph style for that. It looks like Rh's Design Editor is applying both but browsers are not.
    It is still not quite the same in a browser as in Design Editor but it is much closer. There will also be browser differences anyway so it's a case of getting some balance.
    Try removing the before and after spacing in the list style. Alternatively, if you do not generate printed documentation then rely on the list style only. (Select the lists in a topic and set paragraph to None).
    Let us know if that is close enough.
    See www.grainge.org for RoboHelp and Authoring tips
    @petergrainge

  • Change Wysiwyg Editor in Web Page Composer WPC

    Hi,
    is there any possibility to change the wysiwyg editor in the wpc?
    Comparing other web based wyswyg editors to the editor integrated in the wpc it is far from having any advantages...!
    - no possiblity to switch to html mode.
    - no possibility to assign css classes (if there would be at least a color and font size chooser....)
    - no possiblity to create a <table>

    Hi Nicole,
    SPS14 will be released very soon. It is scheduled for next week, i guess. But what i remember for sure, that it is scheduled for December.
    From the number of your posts, i guess that you are new to SDN.
    So every time one of your questions is answered, mark it also as answered.
    There are two possible ways. On the top of the thread you can mark it as answered by yourself or you award someone (who replied) 10points for your solved question.
    You can also award less points if u want.
    So, the important thing is: Mark it as answered. You will see if you search for problems on SDN, you will be very pleased to see answered threads because then you don't have to go through 1000s of threads to find your answer.
    Regards,
    Marcus

  • Air 2, Flex 4.1, embedding xstandard wysiwyg editor

    Hi,
    Has anyone had any experience with embedding the xstandard wysiwyg editor into a flex application using the Air HTML component?
    For those who don't know; it is an activeX control providing xhtml compliant code generation, drag, drop and upload functionality (in one move) etc and is far superior and easier to use than the freebee wysiwyg editors out there.
    The editor requirement:
    Easy table generation
    drag and drop of images onto the interface with upload and insert into content
    Paste of MS Word content into the editor. (automatic image upload and insert)
    Editor solution:
    xstandard ( http://www.xstandard.com )
    are there any others that provide this functionality?
    The problem at hand:
    I have developed an inhouse application which embeds a wysiwyg editor using the HTML component of AIR.
    The editor is embedded on a php page which take care of loading the data and the editor controls. With the appropriate parameters it works independantly outside of the Air/Flex application.
    Initially we were successfully using TinyMCE (pre editor requirements) however the less computer savvy users (most of them) were having issues using the table generator and the image uploaded. To difficult, inefficient and too many steps.
    xstandard integration:
    xstandard is working fine externally to the application, as it does with TinyMCE. When loading it into the Air/Flex application the controls don't show up instead the source editor is visible. It looks like it is partially loading the activex control.
    I have spoken with the xstandard developer, we have tried a few things, different test build etc however with little success.
    I thought it may have been the userAgent however I set the HTML parameter userAgent to "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)" ut this did not work.
    Does AIR have restrictions applied to embedded objects?
    Any other suggestions?
    any help will be greatly appreciated.
    Damian Georgiou

    Hi Damian,
    ActiveX is only supported by IE on Windows. Also, I believe the HTML component in Adobe AIR only supports the flash plugin and pdf plugin.
    Best,
    Rob

  • Background image to fit in DW WYSIWYG editor using HTML

    I am trying to create an HTML background that will serve as the landing page on my website. I need help with formatting the image to fit the entire screen so that it does not scroll down or repeat. Also. Once this is done. I would like to upload it onto my website background page. I am using the WYSIWYG editor because for now. I can somewhat make sense of it. However am stuck trying to get the image to fit perfectly. I am not using CSS and don't wish to either. I understand HTML a little better. Please, help. I've been stuck for days at this rate.

    Unfortunately, you can't design modern websites without a good grasp of both HTML and CSS code.  Don't limit yourself with Design View only.  Use Split View so you can see the code DW is creating.
    http://w3schools.com/
    http://www.csstutorial.net/
    http://phrogz.net/css/HowToDevelopWithCSS.html
    To answer your question about BG image.  Use CSS background-size property with vendor prefixes.  This can't be done with HTML.
    CSS Code:
    body {
          background: url(your-BG-image-here.jpg) no-repeat center center fixed;
          /**for Safari,Chrome**/
           -webkit-background-size: cover;
         /**for Firefox**/
           -moz-background-size: cover;
          /**for Opera**/
           -o-background-size: cover;
          /**for all other browsers**/
          background-size: cover;
    Nancy O.

  • WYSIWYG editor upload with images

    Hello, friends!
    I need help solving following problem:
    I need to create WYSIWYG editor, which just to enter text and image. Other options (like font-size, font-weight...) not need. Then when submit the form with richedit, all data in form with images must sent to server.
    1) images must upload
    2) text must content following: text <img="src=../image1.png"> text <img="src=../image2.png"> text
    or maybe all images must save as a blob data
    Help me, people!

    Is this an Oracle question?

  • WYSIWYG Editor in Webdynpro for ABAP

    Hello,
    we need a simple WYSIWYG Editor in ABAP Webdynpro to format some Texts, which are saved in the backend system.
    The Editor should produce HTML-Code or something like that.
    Anyone an IDEA?
    We have tried the following:
    ABAP Webdynpro Application-> IFRAME -> BSP Appication with FCKEditor .. but problem is the data exchange back to the A4WD Application.
    Edited by: Steffen Epple on May 20, 2008 5:20 PM

    Hello Thomas,
    thanks for this info. So with the EHP the WYSWIG UI Element will be part of the standard UIs?
    Which EHP do you mean because we're doing currently an RampUp with SAP EHP3 for ERP 6.0?
    So you mean Basis Netweaver EHP? don't you?
    Edited by: Steffen Epple on May 21, 2008 8:16 AM

  • CSS applying in IE but not in FF

    Hello All
    First of all thank you to the folks who gave me advice on
    this site with images etc being off a bit - I went from ugly stupid
    nested tables to all CSS site..
    I now have another problem.. the site looks fine in IE -
    having the CSS applying to it and working but for some reason its
    not working in FireFox -
    Here is the site - thanks
    http://www.joinrec.com/
    Rob

    Try to clean up your html...
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.joinrec.com%2F
    NeilPeartRocks skrev:
    > Hello All
    >
    > First of all thank you to the folks who gave me advice
    on this site with
    > images etc being off a bit - I went from ugly stupid
    nested tables to all CSS
    > site..
    >
    > I now have another problem.. the site looks fine in IE -
    having the CSS
    > applying to it and working but for some reason its not
    working in FireFox -
    >
    > Here is the site - thanks
    >
    >
    http://www.joinrec.com/
    >
    > Rob
    >
    >
    Kim
    http://www.geekministry.com

  • Customize the cms wysiwyg editor

    How can I customize the toolbars and menues in the wysiwyg editor?
    I have managed to customize the menu by editing "./servers/PortalServer/tmp/_WL_user/wlp-commonui-web-lib/ 842fj3/wlp/pinEdit/editor/config/config_menu_custom.js" However, I guess this will be overwritten on the next deploy?
    The toolbar is customizable by changing the parameters to the wysiwyg iframe, but how do I do that?
    Thanks in advance

    Rather than modifying that file in your temp directory, you could extract that file to your web project and modify it there. That way, your modifications will persist for your project.
    Using Eclipse with the Portal perspective, use the Merged Projects View and locate that .js file. Right click on it and extract it to your project. Now, this file in your web project will override the file in the Library Module.
    But please note that this WYSISYG editor is not licensed for usage outside of the uses that BEA WebLogic Portal has provided. If you wish to use this editor for your own portlets/purposes, you must contact PinTex for your own license.

Maybe you are looking for