Hallo arnoldB,
danke für Deine Antwort.
Für die Entwicklung einer mobilen Seite auf jQuerymobile Basis sollte man sowie ein eigenes Template anlegen, was ja auch schon wegen des HTML5 DocTypes erforderlich ist.
Ein entsprechendes Template könnte für Contao z.B. so ausschauen:
PHP-Code:
<!DOCTYPE html>
<html>
<head>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->head; ?>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div data-role="page">
<div data-role="header">
<?php echo $this->header; ?>
</div>
<div data-role="content">
<?php echo $this->main; ?>
</div>
<div data-role="footer">
<?php echo $this->footer; ?>
</div>
</div>
</body>
</html>
Am oben genannten Beispiel sieht man aber auch gleichzeitig, dass neue Sprachelemente zum Einsatz kommen. Hier gibt es dann mitunter schon die ersten Probleme, die es zu umschiffen gilt, wenn man z.B. so was hier via TinyMCE eingeben will:
HTML-Code:
<a href="index.html" data-transition="flip" rel="extern">Ein Link mit Flip</a>
Die rel-Angabe kann man beispielsweise über die Lightbox Eingabe lösen, bei data-transition="flip" wird es schon etwas schwieriger, weil das lt. TinyMCE und Contao kein Standard-Sprachelement ist und demnach gleich einmal komplett gelöscht wird.
Eine Lösung für das Problem wäre z.B. eine Anpassung der TinyMCE Konfiguration, indem man bei den extended_valid_elements folgendes ergänzt:
PHP-Code:
extended_valid_elements : "q[cite|class|title],a[data-transition|href|rel|class|title]",
Außerdem kann man diese Eingaben auch nur über die HTML Code Ansicht machen und das ist auch nur einer von vielen möglichen Anwendungsfällen. Man müsste deshalb vielleicht eine speziell angepasste TinyMCE Konfigurationsdatei für das Framework haben oder die Prüfung komplett deaktivieren, wobei ich allerdings nicht weiss, wie man das machen könnte. Hat dazu jemand vielleicht eine Idee?
Beste Grüße
Sares
Lesezeichen