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
] ) ?>