How do you format tables in Help Center?



Gepostet 20. Sept. 2013

We've migrated our content to the new Help Center. The removal of a table tool in the WYSIWYG editor is rather annoying although we figured we could get around this by coding tables manually in the HTML editor (most of our articles contain tables of data). Although (on the face of it) you can do this, when you view the article in the browser the HTML table formatting is stripped out. It turns out the only way to display tables is by enabling the option to display "unsafe HTML". Why would tables be considered unsafe? Is this really by design? Also, if you look at the list of unsafe tags, table/td/tr are not there so why is Help Center behaving in this way? [As it happens, "href" is also considered unsafe - it would be an extremely odd knowledgebase that did NOT include links to other articles etc].

To be clear, I only want those with the ability to create KB articles to be able to format with tables etc; I'm not wanting community users to be able to do this in their forum posts. There appears to be no distinction in Help Center though. What am I missing?


18

58

58 Kommentare

Offiziell

image avatar

Katarzyna Karpinska

Zendesk Product Manager

Hi All, 

Just wanted to let you know that we are working on introducing a new way of creating and editing tables in the WYSIWIG. Initially, it will be available only in Content Blocks but we have plans to extend it also to the article editor in the future. 

2


Offiziell

Hi All, 

Just wanted to let you know that we are working on introducing a new way of creating and editing tables in the WYSIWIG. Initially, it will be available only in Content Blocks but we have plans to extend it also to the article editor in the future. 

2


If only there was a popular and industry-standard method of defining tables, like Markdown syntax...

Please excuse my cynicism but (fully) supporting and embracing Markdown everywhere across the Zendesk tools would make working with Zendesk so much easier and less finicky. Other platforms like GitHub or Stackoverflow have been doing this for decades.

0


The article How to add a table format into Guide css isn't very useful. Especially as styles.css is pretty complex. Is there any documentation that explains what each style in that file is defining? For example I just want to add a margin under each paragraph (everywhere, not just tables) and for the life of me can't find where the <p> tag is defined. I also want to do something as basic as change the indentation of a bullet list, and searching for an <li> definition comes up with 100s of entries.

1


Hi All, we know that we have a long way to go when it comes to the experience we are providing in regards to tables. We'll be working on introducing some improvements this year. For a start we've made a change yesterday that should make working with:

  • cell width and height
  • borders
  • list items
  • centering of the tables

Slightly easier.

NB. Unfortunately, we couldn't fix issues with cell padding this time. 

0


Seven years later... Can someone from Zendesk please confirm whether a more user-friendly table (particularly aimed at improving formatting flexibility) is at least on the roadmap?

The CSS others have offered is not a viable workaround because not all tables within our Help Center warrant the same content, thus require different margin sizes and what not. I have turned to creating tables in Microsoft Word and including screenshots of those tables within our help articles, which is a huge limitation since users cannot use < Ctrl + F > to search for specific content within a table.

This is an enormous pain point, and obviously has been one for years now. Please offer a solution.

3


Creating tables in articles is SO frustrating. When I change the alignment in the cell properties to Top instead of None, it hardly ever actually switches to the Top. And when I drag the dividers to change the width, it will SOMETIMES move a smidge, but never to the point I drag it to. I have to drag it several times and it still usually won't get where I want it to go. And the way it looks while editing an article is not even close to how it looks when the article is previewed or published. I know it will vary slightly, of course, but it does not keep any of the properties set in the table or cell properties. 

1


Hey William,

This issue occurs most likely because your Help Center CSS is overriding what is configured in the article editor. I was able to track down a useful tip that may help get you started: How to add a table format into Guide css?

Hope this points you in the right direction!

0


My tables in the Guide always add space underneath images. I've tried writing them in HTML and using the WYSIWYG editor. I've looked at the CSS styles as well. No luck. I'm trying to have a seamless tables with no borders, no spacing, that leave no gaps between cells.

 

Thanks,

Bill

1


Please add this feature

1


Adding some more comments on user-friendly table formatting options.

1. What is the deal with the line spacing? I've tried almost everything to get rid of the spacing above and below the text but I can't make it work. I now have a table with a mix of narrow and double height rows and the extra space is annoying. Any help appreciated. 

2. What is the difference between font size =  Normal or Default? Why have both options? Should Normal = Default?  

When you look at them in edit view, they look exactly the same, but in "Help centre view", Default is definitely larger. 

Any help appreciated. 

2


Melden Sie sich an, um einen Kommentar zu hinterlassen.

Sie finden nicht, wonach Sie suchen?

Neuer Post