Using color in question set content

Hi,

I am using H5P for language lessons and I want to use color for parts of words in the question content, eg. g<span class='red'>oo</span>d where the color red indicates a pronunciation guide.  Also, I want to use colored words in phrases to indicate grammar guides, eg. blue for a verb.

I have combined the information of the following entrees: https://h5p.org/node/25236 and https://h5p.org/node/219802 to develop an approach that uses stylescombo to add the desired css functionality to H5P.

This works fine for me, although I have a question about some of my approaches that might be lost with H5P updates. Can anyone advise on the use of modified /h5p/h5p-editor-php-library/ckeditor/config.js and /h5p/h5p-editor-php-library/ckeditor/styles.js files? Is it possible to introduce these modifications in a different way?

For all that want to use my solution or want to elaborate on my approach, I attach a Word file containing all my code.

Example 1 : Drag and Drop

Example 2 : Dialog

Kind regards

Normal 0 21 false false false NL X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:Standaardtabel; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi; mso-fareast-language:EN-US;}