The distinction between bold and non-bold in WYSIWYG is not obvious

As shown in the figure, and after reviewing the source code of the rich text editor (directus/app/src/interfaces/input-rich-text-html/input-rich-text-html.vue, get-editor-styles.ts), the styles for the WYSIWYG content are taken from get-editor-styles.ts, so the styles are fixed. The normal text font-weight is 500, while the font-weight for <b> and <strong> tags is 700, resulting in the difference being not obvious.

Although the WYSIWYG interface options provide an option override that allows manipulation of the underlying TinyMCE style with content_style, but modifying only the strong style in this way would cause other default styles to be overwritten and become ineffective.

Therefore, I’m unsure how to proceed, or whether this might actually be a bug.

2 Answers

2