Aller au contenu

Flexible Content - Code

Ce composant permet d’afficher un block de code informatique. Seul le PHP bénéficie d’une coloration syntaxique.

Ce composant est désactivé par défaut.

Exemples de Code

PHP 
<?php
/**
 * Calculate aspect ratio from image dimensions
 *
 * @see https://aftabmuni.com/calculate-aspect-ratio-of-image-in-php/
 */
public function calculate_aspect_ratio( $width, $height ) {
  $gcd = function( $width, $height ) use ( &$gcd ) {
    return ( $width % $height ) ? $gcd( $height, $width % $height ) : $height;
  };

  $g = $gcd( $width, $height );

  return sprintf( "%d:%d", $width/$g, $height/$g );
}
?>
Mixed HTML 
<div class="lap:w-<?= $text_width ?> px-3">
  <?= $text ?>
</div>
Javascript 
$('.js-nav-mobile-button').click(function () {
  $(this).toggleClass('nav-trigger-active');
});
HTML 
<p class="introduction">
  Ceci est l'introduction
</p>
CSS 
body.lb-disable-scrolling {
  overflow: hidden;
}

Vue Back office

composant Code

Tutoriel

Appel du composant Code hors Flexible Content

PHP 
<?= ifc_render_component( 'code', [
  'code_type' => [
    'value' => 'php', // Valeurs possibles : 'php', 'htmlmixed', 'js', 'html' ou 'css'
    'label' => 'Nom en haut à gauche'
  ],
  'code_html_mixed' => "", // Code HTML
  'code_javascript' => "", // Code Javascript
  'code_html' => "", // Code HTML + PHP
  'code_css' => "", // Code CSS
  'code_php' => "", // Code PHP
  'classes' => "", // Classes CSS supplémentaires
] ) ?>