Question
Why is an article's appearance different in the editor than in Help Center?
Answer
The Help Center editor is not a WYSIWYG (what you see is what you get) editor. The editor is, instead, a WYSIWYM (what you see is what you mean) editor. Because of this, the styling of articles while editing, will generally be different from how it looks when published. The reasoning behind this decision is that content structure and presentation is completely split and that styling options are not done in the editor. Instead all styling options are done in the Help Center CSS which is then applied to the content upon publishing. This is the same principle that you find when working with Markdown, the intent versus the finished product.
Therefore the goal of the article editor is not to exactly show how it will look once published, but rather to allow you to build up the content that you then apply styles to afterwards. This ensures consistency across articles, as opposed to using inline styles, which would be difficult to change at a later stage and generally not recommended for web design.
The differences in editor versus published appearance is common when adding tables to Help Center articles.
16 Comments
Hi Paul! Welcome to the Community!
Can you be more specific about what you're seeing? If you could post some screenshots it would be very helpful!
Hey Debbie!
The CSS controls the overall look and feel of your Help Center, but you can format the text of your articles in the article editor.
Thanks for letting us know. Our team will continue to support you there.
Any reason why it is doing it or how to have just a default styling for some of the elements? Like for the <tables> the default styling that we usually see on our browsers are removed.
Hi Robert -
How can we help?
Hi Jesse, Thank you for looking into it. Please see attached image.
I'm having this issue as it relates to multi-level bullets. Sorry, this is a little frustrating, and I'm not sure why this basic style is not supported. Looking to dig further on this.
Hi @Paul,
It's because the inline styling is removed by the WYSIWYG editor once the article is published.
I will recommend you to use CSS for the styling.
Team Diziana
I have a ticket in progress #4861414
Hey Stephen -
You could try enabling "unsafe HTML" in your Help Center settings. If that doesn't resolve the issue, it may be something with the CSS or HTML, in which case the best answer is to open a support ticket so that we can dig into the specifics.
That is the problem; the formatting is not consistent in the article editor. If I had access to the CSS would it make it easier to format and style articles?
So does that mean I need to use CSS to style my articles to have them come out as I want?
How about the inline styling on the wysiwyg editor? Because I styled it properly on the edit but when published. The styling didn't appear.
Hi @Paul,
I recommend you to create common CSS classes for styling and add those classes in the article content.
Team Diziana
For example, I noticed that NUMBERED paragraphs in the editor look correct, but in the published article they all began with "1."
Hey Debbie,
I guess I'm not entirely sure what you mean here... can you go into more detail about what's not looking right?
Please sign in to leave a comment.