- www.ghsvs.de, 2019-08-21
- https://www.ghsvs.de/programmierer-schnipsel/spezielles-ghsvs-internes/115-uebersicht-css-klassen-textstile-editorghsvs-css
- Übersicht CSS-Klassen Textstile editorghsvs.css - GHSVS-Dein Web mit Mehr

SpeziellSchnipsel

Editor-CSS-Klassen für Text-Stile (rückwärtskompatibel), kompiliert aus editorghsvs.less. Template wohnmichl (BS2to3-Version). Die Programmlogik für dyn. Ausgabe in /media/php-includes_ghsvs/editorghsvs-classes.php

CSS-Klassen, dynamisch aus editorghsvs.css ausgelesen

templates/protostarbs3ghsvs/less/text-styles-custom.less

templates/protostarbs3ghsvs/css/separateLessCompile/editorghsvs.css

  • breakall

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="breakall"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="breakall"></p>

  • code-inline

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="code-inline"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="code-inline"></p>

  • icon-done

    <span class="icon-done"></span>

    <p class="icon-done"></p>

  • text-bildbeschriftung

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-bildbeschriftung"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-bildbeschriftung"></p>

  • text-base

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-base"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-base"></p>

  • text-courier | text-monospace

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-courier"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-courier"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-monospace"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-monospace"></p>

  • text-fett | text-bold

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-bold"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-bold"></p>

  • text-fett-blau

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-blau"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-blau"></p>

  • text-fett-gruen

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-gruen"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-gruen"></p>

  • text-fett-lila | text-fett-purple

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-lila"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-lila"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-purple"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-purple"></p>

  • text-fett-orange

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-orange"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-orange"></p>

  • text-fett-rot

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-rot"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-rot"></p>

  • text-fett-unterstrichen

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-unterstrichen"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-unterstrichen"></p>

  • text-fett-zentriert

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-fett-zentriert"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-fett-zentriert"></p>

  • text-kursiv | text-italic

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-kursiv"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-kursiv"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-italic"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-italic"></p>

  • text-large | large

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-large"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-large"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="large"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="large"></p>

  • text-large-lineheight

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-large-lineheight"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-large-lineheight"></p>

  • text-lila | text-purple

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-lila"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-lila"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-purple"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-purple"></p>

  • text-links | text-left

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-links"></span>

    <p class="text-links"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-left"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-left"></p>

  • text-medium

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-medium"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-medium"></p>

  • text-medium-lineheight

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-medium-lineheight"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-medium-lineheight"></p>

  • text-lineheight-small

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-lineheight-small"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-lineheight-small"></p>

  • text-rot | text-red

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-rot"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-rot"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-red"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-red"></p>

  • text-smaller

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-smaller"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-smaller"></p>

  • text-mini

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-mini"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-mini"></p>

  • text-unterstrichen | text-underline

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-unterstrichen"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-unterstrichen"></p>

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-underline"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-underline"></p>

  • text-zentriert

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="text-zentriert"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="text-zentriert"></p>

  • block

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block"></p>

  • inline-info

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="inline-info"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="inline-info"></p>

  • block-info

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block-info"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block-info"></p>

  • block-info-gray

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block-info-gray"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block-info-gray"></p>

  • inline-todo

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="inline-todo"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="inline-todo"></p>

  • inline-warning

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="inline-warning"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="inline-warning"></p>

  • block-warning

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block-warning"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block-warning"></p>

  • inline-danger

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="inline-danger"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="inline-danger"></p>

  • block-danger

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block-danger"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block-danger"></p>

  • inline-success

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="inline-success"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="inline-success"></p>

  • block-success

    EDITORGHSVS_SPAN_BEISPIEL

    <span class="block-success"></span>

    EDITORGHSVS_P_BEISPIEL

    <p class="block-success"></p>

<?php
/**
2015-08-30
editorghsvs-classes.php
Siehe ReadMe.txt.
Liest aktuelle editorghsvs.css des akt. Template aus,
die, falls veraltet / fehlt zuvor aus LESS kompiliert
wird.

2016-03-18

*/

defined('_JEXEC') or die;

if(!class_exists('JFile')) jimport('joomla.filesystem.file');

$html = array();
$lessFile = '';

// 2015-11-12:
// Ggf. aus LESS kompilieren und Pfad empfangen.
$file = JHtml::_(
 'lessghsvs.addLessCss',
 'text-styles-custom.less',
 array(
  'inputDir' => '',
  'outputFile' => 'editorghsvs',
  'addStyleSheet' => false,
  'returnInOut' => true,
  // Da Link angezeigt wird.
  'compress' => false,
  // Da Link angezeigt wird. Halt bisschen unperformant.
		'force' => true,
 )
);

if (is_array($file))
{
 $lessFile = $file['input'];
 $file = $file['output'];
}

$fileAbs = JPATH_SITE . '/' . $file;

$apologise = JText::_('ICOMOONCLASSES_APOLOGISE');

$link = '';

if (!is_string($file) || !JFile::exists($fileAbs))
{
 $html[] = '<p class="alert alert-error">Datei ';
 $html[] = $file;
 $html[] = ' nicht gefunden.';
 $html[] = $apologise;
 $html[] = '</p>';
}
else
{
 
 // Fix. Don't use $html[] yet.
 if ($lessFile && JFile::exists(JPATH_SITE . '/' . $lessFile))
 {
  $link .= '<p><a href="' . JUri::root() . $lessFile . '" target=_blank rel=nofollow>' . $lessFile . '</a></p>';
 }
 $link .= '<p><a href="' . JUri::root() . $file . '" target=_blank rel=nofollow>' . $file . '</a></p>';
 
 $fileContent = file_get_contents($fileAbs);

 $muster = '/(\.[-a-z0-9]+(,.+?|))\s*{/s';
 
 $found = preg_match_all($muster, $fileContent, $matches, PREG_SET_ORDER);

 foreach ($matches as $key => &$match)
 {
  
  if (empty($match[1]))
  {
   unset($matches[$key]);
   continue;
  }
  unset($match[0], $match[2]);
  
  $match[1] = str_replace(array(' ', ':before', "\n", "\r", '.'), '', $match[1]);
  $match[1] = explode(',', $match[1]);
 }
 unset($match);
 $matches = array_values($matches);

 $nl = "\n";
 if (count($matches))
 {
  $html[] = '<ul class="list-group">' . $nl;
  foreach ($matches as $match)
  {
   $html[] = '<li class="list-group-item">';
   
   $html[] = '<p><strong>' . implode(' | ', $match[1]) . '</strong></p>' . $nl;
   foreach ($match[1] as $cssClass)
   {
    if (strpos($cssClass, 'icon-') === false)
    {
     $spanText = JText::sprintf('EDITORGHSVS_SPAN_BEISPIEL', $cssClass);
     $pText = JText::sprintf('EDITORGHSVS_P_BEISPIEL', $cssClass);
    }
    else
    {
     $spanText = $pText = '';
    }
    $html[] = '<p><span class="' . $cssClass . '">' . $spanText . '</span></p>';
    $html[] = '<p><span class="code-inline">' . htmlentities('<span class="' . $cssClass . '"></span>') . '</span></p>';

    $html[] = '<p class="' . $cssClass . '">' . $pText . ' </p>';
    $html[] = '<p><span class="code-inline">' . htmlentities('<p class="' . $cssClass . '"></p>') . '</span></p>';
   }
   $html[] = '</li>' . $nl;
  }
  $html[] = '</ol>' . $nl;
 }
}
if (!count($html))
{
 $html[] = '<p class="alert alert-error">Da ist wohl was schief gelaufen. ';
 $html[] = $apologise;
 $html[] = '</p>';
}
echo $link . implode('', $html);

Verbesserungsvorschläge und Feature-Wünsche sind willkommen.

Alle nicht explizit als fertige Erweiterung markierten Skripte und Codes von www.ghsvs.de dienen als Ansätze / Ideen für eigene Ausarbeitung. GHSVS bzw. die jeweiligen Autoren übernehmen keinerlei Garantien beim Einsatz Ihrer kostenlosen Erweiterungen, Programme, Codes und Skripte, helfen aber gerne bei Rückfragen, soweit zeitlich möglich.

Joomla CSS Frontend LESS Template