Ajouter du CSS par utilisateur dans un plugin ?

Dev
1

Dans un plugin, comment ajouter un CSS par utilisateur ? Par exemple, causé par un paramètre utilisateur ?

2

Qu’essayez-vous de faire ? Vous pouvez modifier la couleur d’un nom d’utilisateur/mention individuel simplement via le CSS du thème normal. Si vous voulez dire, un changement spécifique à un thème pour un seul utilisateur, je ne pense pas que vous puissiez le faire sans lui donner son propre thème. Je ne suis pas un expert cependant.

2 « J'aime »
3

Par exemple, un paramètre par utilisateur pour changer les polices de certains éléments (par exemple, l’éditeur Markdown).

4

Vous pourriez proposer des groupes que l’utilisateur peut rejoindre et utiliser CSS Classes for Current User's Groups.

Ou l’utilisateur peut utiliser un plugin de navigateur pour modifier le CSS uniquement pour lui-même. J’utilise Stylus pour personnaliser mon expérience sur Meta.

Le compositeur était-il un exemple aléatoire ? Ou que voulez-vous proposer en plus de « Utiliser une police monospace en mode Markdown du compositeur », qui peut être activé ou désactivé dans les préférences ?

1 « J'aime »
5

En quelque sorte. Je pensais à la façon dont la police serait modifiée par utilisateur.

1 « J'aime »
6

Vous pouvez probablement y parvenir dans un plugin en faisant quelque chose comme ceci :

  • avec l’API du plugin, ajoutez un api.addSaveableUserOptionField("composer-custom-font")
  • ajoutez le champ à la table UserOption dans la base de données et au sérialiseur afin qu’il puisse être défini
  • ajoutez un connecteur à la page d’interface de l’utilisateur afin que le paramètre puisse être défini
  • vous pouvez faire du paramètre un menu déroulant, par exemple, de sorte que si l’utilisateur choisit une certaine police/un certain style de police, il ajoute sa préférence dans la base de données
  • vous pouvez étendre le code du compositeur pour tenir compte de sa préférence sélectionnée, et soit modifier les styles directement avec JS, soit faire en sorte qu’il ajoute une classe CSS basée sur la préférence choisie, que vous pouvez appliquer des styles via CSS pour cette classe spécifique
2 « J'aime »