Derniers messages sur Zeste de Savoirhttps://zestedesavoir.com/forums/2022-10-13T15:19:51+02:00Les derniers messages parus sur le forum de Zeste de Savoir.markdown dans les titrailles de section ?, message #2458822022-10-13T15:19:51+02:00Amaury/@Amauryhttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245882<p>Concernant <code>opts.inline</code> vs <code>opts.title</code>, je pense aussi.</p>
<p>En l’état c’est ça oui, pour les abréviations. Ou alors il faut les répéter dans chaque section, car elles sont rendues indépendamment. Avoir un moyen d’en déclarer globalement ferait sens, mais ce n’est pas possible actuellement.</p>markdown dans les titrailles de section ?, message #2458812022-10-13T15:12:30+02:00Gil Cot/@Gil%20Cothttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245881<p>C’est bon à savoir, qu’il existe <code>opts.inline</code>. Je crains cependant (mais ceci est au doigt mouillé sans avoir lu le code) qu’il soit probablement nécessaire d’avoir un <code>opts.title</code> plus restreint. </p>
<p>Ah oui, s’il n’y a pas de contexte global, les auteur-e-s doivent donc rappeler les abréviations d’une section à une autre actuellement ? Ou alors le lectorat doit se rappeler de la section où l’abréviation apparait pour la première fois… </p>markdown dans les titrailles de section ?, message #2458792022-10-13T13:47:59+02:00Amaury/@Amauryhttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245879<p>Ce que vous dites est juste, mais… de fait, on a déjà un système en place pour faire du rendu Markdown exclusivement <em>inline</em>. <a href="https://github.com/zestedesavoir/zmarkdown/tree/master/packages/zmarkdown#request-opts-values-1">zmd, notre moteur de rendu Markdown, le supporte</a> (option <code>opts.inline</code>), et on l’utilise sur le site pour le rendu markdown des signatures.</p>
<p>Il faudrait vérifier l’étendu du mode <em>inline</em>, mais potentiellement, ce serait assez simple à gérer s’il est compatible en l’état avec les pré-requis. Ou reprendre le système existant de zmd pour en faire un autre encore plus restreint (ça implique la coopération de zmd mais c’est pas insurmontable a priori), car l’ensemble proposé par SpaceFox est encore plus restreint, de fait (liens notamment). De fait, je n’avais pas pensé à ces derniers, impliquant qu’on a un ensemble plus restreint que le mode inline.</p>
<p>Concernant le slug, c’est une bonne remarque. C’est potentiellement facile en prenant le rendu HTML et en retirant les balises (ce que Django permet de faire nativement).</p>
<p>En secondaire, ça pose la question d’un contexte global Markdown qui n’existe pas actuellement (par exemple pour définir des abréviations de façon globale, et en fait je ne vois pas d’autre application). Sinon je ne vois pas trop comment vous voulez mettre des abréviations dans un titre, par essence monoligne.</p>markdown dans les titrailles de section ?, message #2458762022-10-13T13:03:53+02:00SpaceFox/@SpaceFoxhttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245876<p>C’est pas un problème trivial en réalité, parce que le markdown qui a du sens dans un titre n’est qu’une toute petite partie de l’ensemble :</p>
<ol>
<li>Exposant, indice de façon certaine.</li>
<li>Gras, italique, barré, code en ligne, pourquoi pas (bien que je puisse trouver des arguments contre très facilement).</li>
<li>Des choses comme les formule en ligne, les abréviations ou les définitions de sigles pourraient être intéressante dans les titres qui sont dans le corps de texte, mais posent problème dans les tables des matières.</li>
</ol>
<p>… et c’est à peu près tout. En particulier, on ne peut pas mettre de lien dans un titre, parce que les titres sont déjà des liens lorsqu’ils sont sous la forme d’une table des matières.</p>
<p>D’autre part, les points 3 et sans doute 2 imposent un traitement différent lorsque le titre est rendu dans le corps de texte et dans la table des matières.</p>markdown dans les titrailles de section ?, message #2458692022-10-13T12:08:48+02:00Gil Cot/@Gil%20Cothttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245869<p>Merci pour le retour <a href="/@Amaury" rel="nofollow" class="ping ping-link">@<span class="ping-username">Amaury</span></a> ; je vais adapter ma rédaction en conséquence. </p>
<p>Pour la simplicité, j’ai un doute car : </p>
<ul>
<li>il faudrait ne rendre que les formatage <em>inline</em> (quoique je ne sais pas si on peut facilement mettre une liste ou un tableau par exemple dans ce un champ uniligne) d’une part, </li>
<li>tout en évitant certains cas (par exemple commencer par un ou plusieurs <code>#</code>/<code>></code> suivi d’espace),</li>
<li>et il faudrait retirer ce formatage pour créer le <em>slug</em> d’autre part. (tiens, faut que je vérifie que le cas est déjà traité avec les ancres de titres)</li>
</ul>markdown dans les titrailles de section ?, message #2458682022-10-13T11:46:41+02:00Amaury/@Amauryhttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245868<p>En effet. Je n’ai pas grand chose à ajouter car c’est le cas, ce n’est pas rendu.</p>
<p>Il est prévu de rendre le markdown partout à terme, mais il n’y a pas d’ETA (ça va dépendre de si quelqu’un se motive — hé, c’est Hacktoberfest !). Ce pourrait être assez simple à réaliser potentiellement (enfin pas trop complexe en tout cas).</p>markdown dans les titrailles de section ?, message #2458662022-10-13T11:40:35+02:00Gil Cot/@Gil%20Cothttps://zestedesavoir.com/forums/sujet/16521/markdown-dans-les-titrailles-de-section/?page=1#p245866<p>Bonjour,</p>
<p>J’ai l’impression que le markdown n’est pas rendu dans les titres de section… Par exemple : </p>
<div class="hljs-code-div hljs-code-markdown"><pre><code class="hljs language-markdown">1^er^ <span class="hljs-emphasis">_exemple_</span> de [<span class="hljs-string">lien</span>](<span class="hljs-link">#nope</span>)
</code></pre></div>
<p>Je viens de m’en rendre compte en rédigeant un billet. </p>Maintenir Titre dans son conteneur, message #2310562021-02-08T13:25:32+01:00zakkaria/@zakkariahttps://zestedesavoir.com/forums/sujet/15030/maintenir-titre-dans-son-conteneur/?page=1#p231056<figure><blockquote>
<p>Pourquoi utiliser <code>position: absolute</code> ? </p>
<p>Ça casse le flux, il faut le réserver uniquement à des cas spécifiques (et prévoir un <code>position: relative</code> sur le parent qui sert de référence pour la position).</p>
<p>À quoi ressemble le résultat actuellement ? Quel est le résultat attendu ?</p>
</blockquote><figcaption><a href="https://zestedesavoir.com/forums/sujet/15030/maintenir-titre-dans-son-conteneur/?page=1#p231054">viki53</a></figcaption></figure>
<p>Car je prends le code CSS directement sur FIGMA mon wireframe que je modifie légèrement dans certains cas et les valeurs sont
<kbd>absolute</kbd>.</p>
<p>voici le résultat actuel :</p>
<p>résultat actuel(<a href="https://zupimages.net/viewer.php?id=21/06/tlj9.png">https://zupimages.net/viewer.php?id=21/06/tlj9.png</a>)
—-> on ne le voit pas mais en examinant l’élément, le titre h1 inscription se retrouve tout en bas de la page…
résultat attendu(<a href="https://zupimages.net/viewer.php?id=21/06/81tf.png">https://zupimages.net/viewer.php?id=21/06/81tf.png</a>)</p>Maintenir Titre dans son conteneur, message #2310542021-02-08T12:45:46+01:00viki53/@viki53https://zestedesavoir.com/forums/sujet/15030/maintenir-titre-dans-son-conteneur/?page=1#p231054<p>Pourquoi utiliser <code>position: absolute</code> ? </p>
<p>Ça casse le flux, il faut le réserver uniquement à des cas spécifiques (et prévoir un <code>position: relative</code> sur le parent qui sert de référence pour la position).</p>
<p>À quoi ressemble le résultat actuellement ? Quel est le résultat attendu ?</p>Maintenir Titre dans son conteneur, message #2310522021-02-08T12:33:49+01:00zakkaria/@zakkariahttps://zestedesavoir.com/forums/sujet/15030/maintenir-titre-dans-son-conteneur/?page=1#p231052<p>Bonjour,</p>
<p>Voilà, je dois mettre un titre (Inscription) au centre du conteneur (section_inscription). Malgré l’aide à l’intégration de FIGMA je me retrouve avec le titre flottant en dehors du conteneur.</p>
<p>J’ai cherché de mon côté et fait quelques manips mais rien n’y fait : j’ai besoin d’aide s’il vous plaît.</p>
<p><a href="https://zupimages.net/viewer.php?id=21/06/81tf.png">résultat attendu</a></p>
<p>Le html:</p>
<div class="hljs-code-div hljs-code-routeros"><div class="hljs-line-numbers"><span data-count="1"></span><span data-count="2"></span><span data-count="3"></span><span data-count="4"></span><span data-count="5"></span></div><pre><code class="hljs language-routeros"><a <span class="hljs-attribute">href</span>=<span class="hljs-string">"inscription.html"</span> <span class="hljs-attribute">target</span>=<span class="hljs-string">"_blank"</span>>
<div <span class="hljs-attribute">id</span>=<span class="hljs-string">"section_inscription"</span>>
<h1>Inscription</h1>
</div>
</a>
</code></pre></div>
<p>Le css:</p>
<div class="hljs-code-div hljs-code-css"><div class="hljs-line-numbers"><span data-count="1"></span><span data-count="2"></span><span data-count="3"></span><span data-count="4"></span><span data-count="5"></span><span data-count="6"></span><span data-count="7"></span><span data-count="8"></span><span data-count="9"></span><span data-count="10"></span><span data-count="11"></span><span data-count="12"></span><span data-count="13"></span><span data-count="14"></span><span data-count="15"></span><span data-count="16"></span><span data-count="17"></span><span data-count="18"></span><span data-count="19"></span><span data-count="20"></span><span data-count="21"></span><span data-count="22"></span><span data-count="23"></span><span data-count="24"></span><span data-count="25"></span><span data-count="26"></span><span data-count="27"></span><span data-count="28"></span><span data-count="29"></span><span data-count="30"></span><span data-count="31"></span><span data-count="32"></span><span data-count="33"></span><span data-count="34"></span></div><pre><code class="hljs language-css"><span class="hljs-selector-id">#section_inscription</span>{
<span class="hljs-attribute">overflow</span>: hidden;
<span class="hljs-attribute">position</span>: absolute;
<span class="hljs-attribute">width</span>: <span class="hljs-number">399px</span>;
<span class="hljs-attribute">height</span>: <span class="hljs-number">70px</span>;
<span class="hljs-attribute">left</span>: <span class="hljs-number">199px</span>;
<span class="hljs-attribute">top</span>: <span class="hljs-number">538px</span>;
<span class="hljs-attribute">background</span>: <span class="hljs-built_in">rgba</span>(<span class="hljs-number">128</span>, <span class="hljs-number">128</span>, <span class="hljs-number">128</span>, <span class="hljs-number">0.5</span>);
<span class="hljs-attribute">border</span>: <span class="hljs-number">5px</span> solid <span class="hljs-number">#808080</span>;
<span class="hljs-attribute">box-sizing</span>: border-box;
<span class="hljs-attribute">border-radius</span>: <span class="hljs-number">20px</span>;
}
<span class="hljs-selector-id">#section_inscription</span> <span class="hljs-selector-tag">h1</span>{
<span class="hljs-attribute">position</span>: absolute;
<span class="hljs-attribute">width</span>: <span class="hljs-number">156px</span>;
<span class="hljs-attribute">height</span>: <span class="hljs-number">53px</span>;
<span class="hljs-attribute">left</span>: <span class="hljs-number">320px</span>;
<span class="hljs-attribute">top</span>: <span class="hljs-number">546px</span>;
<span class="hljs-attribute">font-family</span>: antonregular;
<span class="hljs-attribute">font-style</span>: normal;
<span class="hljs-attribute">font-weight</span>: normal;
<span class="hljs-attribute">font-size</span>: <span class="hljs-number">36px</span>;
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">53px</span>;
<span class="hljs-attribute">text-align</span>: center;
<span class="hljs-attribute">text-transform</span>: capitalize;
<span class="hljs-attribute">color</span>: <span class="hljs-number">#000000</span>;
<span class="hljs-attribute">border</span>: <span class="hljs-number">1px</span> solid <span class="hljs-built_in">rgba</span>(<span class="hljs-number">255</span>, <span class="hljs-number">255</span>, <span class="hljs-number">255</span>, <span class="hljs-number">0.4</span>);
}
</code></pre></div>
<p>Merci d’avance de votre aide!</p>Balise <video> src=youtube, message #1685192017-12-12T08:57:53+01:00anonyme/@anonymehttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168519<p>viki ta répondu correctement.</p>
<p>Tu dois intégrer la vidéo en iframe ou js. Puis utiliser l’API pour interagir avec la vidéo. Tu ne peux pas utiliser la balise <code><video></code>, tu dois le faire différemment. A la fin tu auras le même rendu.</p>
<p><a href="https://developers.google.com/youtube/iframe_api_reference">https://developers.google.com/youtube/iframe_api_reference</a></p>Balise <video> src=youtube, message #1685032017-12-11T17:56:39+01:00leroivi/@leroivihttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168503<figure>
<blockquote>
<p>Mon but est de rendre les choses plus sympatrique. <img alt=":)" src="/static/smileys/smile.png"></p>
</blockquote>
<figcaption><a href="https://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168497">AudreyCormont</a></figcaption>
</figure>
<figure><img alt="" src="http://www.cherbougetoi.com/wp-content/uploads/2016/03/St-Patrick_0.png"><figcaption>Image utilisateur</figcaption>
</figure>
<p>… Désolé <img alt=":honte:" src="/static/smileys/rouge.png"></p>Balise <video> src=youtube, message #1684972017-12-11T15:56:57+01:00AudreyCormont/@AudreyCormonthttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168497<p>Mon but est de rendre les choses plus sympatrique. <img alt=":)" src="/static/smileys/smile.png"></p>Balise <video> src=youtube, message #1684952017-12-11T15:35:33+01:00viki53/@viki53https://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168495<figure>
<blockquote>
<p>Bonjour viki53, j’utile une balise <video> pour pouvoir contrôler ma vidéo.
Dans mon cas je lui donne ordre de ce lire quand ma sourie passe dessus, je peux également personnaliser mes boutons de lecture… j’ai bien entendu un js qui gère cette balise.</p>
</blockquote>
<figcaption><a href="https://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168493">AudreyCormont</a></figcaption>
</figure>
<p>Oui, j’avais bien compris, mais l’intégration des vidéos YouTube est soumise à leurs CGU, qu’il faut donc respecter.</p>
<p>S’ils ne proposent que des iframe pour intégrer, ce n’est pas pour rien. <img alt=";)" src="/static/smileys/clin.png"> </p>Balise <video> src=youtube, message #1684942017-12-11T15:27:45+01:00Eskimon/@Eskimonhttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168494<p>Tu pourrais mettre une démo dans un outil genre codepen.io ou jsfiddle qu’on se rende compte ?</p>Balise <video> src=youtube, message #1684932017-12-11T15:25:25+01:00AudreyCormont/@AudreyCormonthttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168493<p>Bonjour viki53, j’utile une balise <video> pour pouvoir contrôler ma vidéo.
Dans mon cas je lui donne ordre de ce lire quand ma sourie passe dessus, je peux également personnaliser mes boutons de lecture… j’ai bien entendu un js qui gère cette balise.</p>Balise <video> src=youtube, message #1684922017-12-11T15:07:30+01:00viki53/@viki53https://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168492<p>Tu es sûre que l’usage avec une balise <code>video</code> soit autorisé ?</p>
<p>De mémoire l’API ne parle que d’iframe ou de JS… 🤔 </p>Balise <video> src=youtube, message #1684912017-12-11T14:47:13+01:00AudreyCormont/@AudreyCormonthttps://zestedesavoir.com/forums/sujet/9849/balise-video-srcyoutube/?page=1#p168491<p>Bonjour,
j’utilise une balise <video> avec une source youtube, j’aimerais savoir comment je peux désactiver le titre de la vidéo youtube (showinfo=0 fonctionne si ma balise est une iframe).</p>
<p><video class="youtube-video" preload="none">
<source type="video/youtube" src="https://youtu.be/pjXs7sVwLkA" />
</video></p>
<p>Pouvez vous m’aider ?</p>
<p>Merci</p>