Recent searches
No recent searches
Tweak behavior of the "Clean up styles" button
Posted May 22, 2024
In our help center, we use iframes in some of our articles. The iframes have a style attribute to set the width and height. We use a local style instead of a CSS class so that we can tweak the height of the iframe on a case-by-case basis.
The “Clean up styles” button that was recently added to the Source code view is very useful! However, it targets the style attribute of our iframes and removes the height attribute (but not the width, for some reason), as shown below:
Before cleanup:
<iframe id="example_window" style="width: 100%; height: 350px;">
After cleanup:
<iframe style="width: 100%;" id="example_window">
I imagine there are other use cases where Guide writers use local styles that get removed by “Clean up styles”. It would be great if the Clean up styles button could be refined a bit as far as which styles it targets and removes, so we can use it more freely without concern over it causing unwanted changes to the page.
2
0 comments