• Annonce ■ Insérer du code html quand l'éditeur le refuse.


    Mercredi 13 Décembre 2023 à 21:32
    stormalo

    Il faut procéder de manière indirecte.
    1) On télécharge dans la médiathèque le code à utiliser (simple texte avec extension .html)
    2) On récupère le code dans le blog, à l'endroit voulu, par une balise html <embed src=" ...." /> du blog

    Le principe est donc le même que celui que j'ai indiqué récemment pour utiliser sans javascript les balises html <audio>
      (voir le commentaire sur Forum besoin d'aide)

    L'astuce peut être généralisée à tout codes (html, css, javascript) pouvant être inclus dans la source <> d'un article, une page ou un module menu.

    Ce n'est pas aussi pratique et logique que du codage usuel dans le blog, mais dans le contexte actuel il n'est pas possible de faire autrement. Ça permet ponctuellement de contourner l'obsolescence de l'éditeur et de tester du javascript externe sur le blog de démo (widget par exemple).

    Je propose ci-dessous quelques exemples pour tester sois même (avec ou sans JavaScript) ce qu'il est possible d'obtenir (blog perso ou blog de démo afficheront la même chose)
    Pour voir les codes placés dans la médiathèque, demander au navigateur d'afficher l'adresse figurant dans la balise embed et faire Ctrl+U

    ❶ Afficher une simple balise audio:
    <p><embed width="350" height="80" src="http://ekladata.com/5eUODe3f6PwjeGU00cPXe6DoMtQ/jinglebells.htm"></embed></p

    Idem avec un libellé (balises htmlfigure et figcaption)
    ❷ ... pour un lecteur unique:
    <p><embed width="400" height="150"  src="http://ekladata.com/h1pFkQjoZWylwutad_VUMepYdMM"></embed></p>
    ❸ ... pour deux lecteurs:
    <p><embed width="400" height="350"  src="http://ekladata.com/Ez70lKmK2nD0pgrbJwLQOZ9yN2c/vent-bells.html"></embed></p>

    ❹ Une photo (incluant légende comme pour les lecteurs ci-dessus, mais avec du style css en plus)
    <p><embed width="700" height="450" src="http://ekladata.com/Rd47rNhv68mX4ZbUbPT4sZNl3vE"></embed></p>
     
    ❺ Un Widget météo, nécessitant JavaScript
    <p><embed width="400" height="350" src="http://ekladata.com/yD1Jznha7K9ixTDmcNcPskRPmfI/meteowidget.html"></embed></p>

    ❻ Cette dernière  illustration, montre le possible (un lecteur audio, tout javascript, avec play-list html, fonctionnant  titre à titre)  :
    <p><embed width="550" height="550" src="http://ekladata.com/HJrFMpbzoiXJ0TQ-4BbF08oWk2I"></embed></p>

    ❺ et ❻ montrent le possible en l'absence d'autorisation javascript (blog demo par exemple)




    Vous devez être membre pour poster un message.