Is it possible to style tables in a post individually? Discourse removes all styling elements from HTML in a post.

If you’re on a recent version of Discourse - as this is a recent change - you can also use data-theme attributes. For example: <div data-theme-table="fixed"> <table> <thead> <tr> <th>Col A</th> <th>Col B</th> <th>Col C</th> </tr> </thead> <tbody> <tr> <td>A1</td> …

Can you share a screenshot of what you want to do? In discourse you can do pretty much anything you want, but it gets harder the more crazy the idea is

I simply want some tables to have a fixed layout, and some auto layout. I’m referring to tables created with Markdown, BBCode or HTML in composer.

If you can’t target them by id or class, by position? eg. instead of main-st → smith, main-st → second-house What I generally do is go up the DOM until I find an ancestor element with an id, or in lieu of that a few elements with classes, and then go to the child element I want to target. If need b…

You will need to write a plugin that exposes the classes you want to allow users to use to format their tables. Once you do that, they can apply the classes to their posts.

This is exactly what I was looking for. Thank you @Johani

looking at white-lister.js.es6 , I notice: 'div[data-*]', /* This may seem a bit much but polls does it anyway and this is needed for themes, special code in sanitizer handles data-* nothing exists for data-theme-* and we …

Yes, but I’d say to stick with the -theme- prefix for stuff that’s actually handled by a theme.

Yes, you’re correct @BlackKnob , you can use div[data-*] like div[data-table-layout] and it would have the same effect. However, like @riking said earlier, you’re much better off sticking with div[data-theme-*] since there might be some work in the future to narrow down whitelisted attributes to div…

Where do I put the CSS to target the named div I’ve wrapped around the table? Do I need to create and install a custom theme to be able to use this method of table styling?

帖子中单个表格的 CSS

开发

BlackKnob 2018 年5 月 11 日 22:40 5

I think you mean modifying CSS from the admin panel.
What I’m asking is formatting in the composer window.

话题		回复	浏览量
Failed to render table in post Support	6	2105	2017 年11 月 29 日
How to remove borders in tables? Support	5	3522	2021 年4 月 15 日
Different CSS id/class for tables in theme vs posts Feature	0	510	2021 年12 月 24 日
Custom css inside a post / adding custom classes Development	9	2285	2021 年4 月 17 日
Whitelisting certain CSS tags in posts Support	6	1244	2020 年5 月 26 日

帖子中单个表格的 CSS

相关话题