smiley design

bonjour, j’ai une question a zds , comment vous creez ces magnifiques smiley et avec quelle logiciel ,

c’est moi ou c’est les smiley du zds : https://pixabay.com/fr/images/search/cartoon%20smiley/

sur zds la mascotte est une clementine mais elle aurait pu etre un citron qui serai d’aileurs plus logique(zeste de savoir, zestedecitron) :

ah tiens on l’a pas celui là :

Coucou \o

Tu peux retrouver les émojis sur le Github du site. Essentiellement, c’est automatisé à partir de Twemoji (la Police émoji de Twitter), certains comme l’ange ou le sont juste fait à la main, d’autres sont simplement ajusté à la main (merci à l’avion ! ✈️).

Ce sont bien les clémojis que tu trouves sur Pixabay. Elles sont sous licence GPL (et pas libre de droit, et certainement pas sous “licence Pixabay” qui à l’air d’être une grosse blague au passage ).

En fait, eu, “zeste” c’est pour tous les agrumes, pas juste le citron. Du coup, ben il est tout à fait cohérent d’avoir Clémentine comme mascotte. Sauf que Clémentine est une nom qui existe alors que Citron ben. En plus, le citron c’est acide et pas bon et la clémentine c’est doux et platine (y a pas grand chose qui rime en -ine ok ?!).

Bah on va pouvoir les engueuler, chez Pixabay

merci, mais pourquoi il n’y a pas , , et dans la liste des emojis dans l’editeur ?

L’éditeur est en refonte depuis environ très longtemps. Malheureusement, c’est un chantier complexe et difficile à mener avec des bénévoles.

ah oui ca doit etre comme meme complique , si je savais comme ca marche(il y a pas une doc ou quelque chose comme ca?) je pense je pourrai essaye de vous aider

j’ai regarde le code : django est a la version 3 dans le code de zds mais la version actuelle est de django4.0 , quand j’ai voulu l’installer localement ca ne pouvait marcher parce par example zds utilise la fonction render_to_responce je croie qui est déprécie en django3 et rendu oboslete en django4

Si tu veux installer le site en local proprement, il faut suivre les instructions d'installation de la documentation. Notamment, ça installe un environnement de développement avec la bonne version de Django, c’est-à-dire celle qu’on utilise.

Pour ajouter des émojis au menu, ça se passerait dans ce fichier. Ce n’est pas très compliqué en soi et je pense que si ça n’a pas été fait initialement, c’est parce que c’est un peu laborieux.

Pour ajouter des émojis au menu, ça se passerait dans ce fichier. Ce n’est pas très compliqué en soi et je pense que si ça n’a pas été fait initialement, c’est parce que c’est un peu laborieux.

je le regarderai ce soir :D, je pensais pas que c’etais aussi "facil"(je croyais que c’etais dans plein de fichier et il fallait tous les modifier avec la peur de tout casser)

j’ai regarde le code : django est a la version 3 dans le code de zds mais la version actuelle est de django4.0

La version 3.2 est aussi actuelle que la version 4, dans le sens où les deux sont supportées pendant encore un moment. D’ailleurs, la version 3.2 étant une version LTS, elle sera supportée plus longtemps que la 4.0 !

juste une question quelle est le champ name dans editor-new.js :

{
              name: 'char7',
              action: (e) => {
                toggleEmoji(e.codemirror, ':ange:')
              },
              className: 'emoji ange',
              title: ':ange:'
}

Alors, ce que je comprends de ta question, c’est que tu te demandes à quoi correspond name. En utilisant les outils de dév de mon navigateur (n’hésite pas à t’en servir !), je dirais que c’est juste une classe CSS unique pour un smiley dans le menu déroulant.

Il y a peut-être une subtilité à vérifier avec CodeMirror (l’éditeur qui nous sert de base) cependant. À vérifier dans la doc de CodeMirror, donc.

mais alors , si je veux ajouter un nouveau smiley , je dois creer une class css chars9(la suite de chars8) ou reutiliser une class chars ?

Actuellement, et tu peux le vérifier toi-même avec les outils de développement de ton navigateur, chaque smiley dans un des menus déroulants à une classe unique. J’aurais donc tendance à en prendre une nouvelle…

je l’ai deja fais et je n’ai pas trouve dans les fichier .css/.scss les chars

bonjour, j’ai installe zds en local mais je ne peux pas creer un compte en local pour tester le nouveau editeur mais l’email n’est pas envoye (j’ai remarque cela deja en beta)

ok ou est definit les class css chars ? je suis presque a la fin

Bonjour,

Normalement, il existe déjà des comptes pré-crées pour ces opérations. Sinon, tu peux aussi utiliser la console Django. Je pense que c’est normal que les mails ne fonctionnent, ils sont censés utiliser une configuration smtp, mais jene suis pas sûr.

Tu peux aussi utiliser une issue sur github pour cette discussion. Ici, toute l’équipe technique n’est pas au courant que l’on parle développement du site.

je l’ai deja fait

Normalement, il existe déjà des comptes pré-crées pour ces opérations

je ne connaissais pas le mot de pass et maintenant j’ai trouve

mais je ne comprend pas dans le fichier editor-new.js j’ai bidoulle et j’ai ajoute le smiley mias je l’avais mis au mauvaise endroit (dans les :() et l’image ne s’affichait pas : c’etais un carre blanc mais si on clique dessus ca marche

et donc j’ai deplace mon dict dans le group :), mais rien n’avais change puis j’ai reload le server mais toujours rien ensuite j’ai reinstalle en pensant que j’avais touche a une chose qui ne faut pas mais rien

className: 'fa fa-smile',
          title: 'Emojis heureux',
          children: [
            {
              name: 'char1',
              action: (e) => {
                toggleEmoji(e.codemirror, ':)')
              },
              className: 'emoji smile',
              title: ':)'
            },
            {
              name: 'char2',
              action: (e) => {
                toggleEmoji(e.codemirror, ':D')
              },
              className: 'emoji heureux',
              title: ':D'
            },
            {
              name: 'char3',
              action: (e) => {
                toggleEmoji(e.codemirror, ';)')
              },
              className: 'emoji clin',
              title: ';)'
            },
            {
              name: 'char8',
              action: (e) => {
                toggleEmoji(e.codemirror, ':soleil:')
              },
              className: 'emoji soleil',
              title: ':soleil:'
            },
            {
              name: 'char4',
              action: (e) => {
                toggleEmoji(e.codemirror, ':p')
              },
              className: 'emoji langue',
              title: ':P'
            },
            {
              name: 'char5',
              action: (e) => {
                toggleEmoji(e.codemirror, ':lol:')
              },
              className: 'emoji rire',
              title: ':lol:'
            },
            {
              name: 'char6',
              action: (e) => {
                toggleEmoji(e.codemirror, '^^')
              },
              className: 'emoji hihi',
              title: '^^'
            },
            {
              name: 'char9',
              action: (e) => {
                toggleEmoji(e.codemirror, ':bounde:')
              },
              className: 'emoji bounde',
              title: ':bounde:'
            }
           
          ]

c’est un bout de code

REMARQUE: en faite dans la branch dev l’editeur écrivait bien les smiley quand on clique dessus mais on prod non (cet issus a deja ete signale sur github)

EDIT: il y a un probleme : j’ai modif le fichier _editor_new.scss et rien a change du point de vue du navigateur (j’avais regarde avec le devtool du navigateur le fichier _editor_new.scss) pourtant j’avais rafraichis , et meme redemarre le server

et j’ai cette erreur pour regarder le fichier _editor_new.js : Impossible de charger le contenu de http://0.0.0.0:8000/static/js/assets/js/editor-new.js (Erreur HTTP : code d’état 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE)

Il faut recompiler le fichier SCSS en CSS. Pour cela, tu as besoin des outils de développement adéquats. Peut-être que ton IDE te les propose, sinon il faut chercher dans la doc. De mémoire, il faut quand même installer l’implémentation de SCSS.

ok je croie que je l’ai deja installe suite a un projet mais je vais checker comme meme