Adaptation d'un WYSIWYG en Javascript

Bonsoir à tous,

Nous souhaitons obtenir un WYSIWYG HTML avec des règles de codage très spécifiques.
Un exemple : en appuyant sur le bouton B pour mettre en gras un lien, plutôt que d'encadrer le texte avec des balises <b></b>, que dans le code HTML il soit écrit : <a href="#" style="font-weight:700;">Test</a>
Nous avons une vingtaine de règles spécifiques à appliquer, que nous pourrons lister au développeur en charge de la mission.

Nous souhaitons idéalement que le WYSIWYG puisse écrire des styles dans les media queries, et que si nous adaptons par exemple la taille de la police dans le wysiwyg en 480px de large, qu'il écrive dans la media query adaptée a[class=XX]{font-size: X px;}

Nous pouvons fournir une "coquille vide" de wysiwyg basique si cela est souhaité.

Merci d'avance pour vos réponses et à bientôt,