Bonjour,
Je pense enfin avoir trouvé,
dans "Éditeur TinyMCE WYSIWYG"
A l'onglet Plugins, j'avais activé des plugins et cela semble empêcher ensuite le fonctionnement de celui-ci
en ayant sur cette onglet choisi
restaurer par défaut,
le composant a réapparu..
Par contre est-il normal en édition d'un
Contenu en mode code donc visualisation (code html et balises),
au passage par aperçu wysiwyg et retour en mode (code html et balises),
tout le code html disparait et ne laisse que le javascrips présent dans l’éditeur ?
Exemple :
Mode sans WYSIWYG (qui est apparemment par défaut malgré l'activation dans avancé et coché en mode WYSIWYG ?)
Code :
[== HTML ==]
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr">
<head>
<meta charset="utf-8">
<!-- <meta http-equiv="refresh" content="0;url={root_url}"> -->
<meta name="robots" content="noindex, follow">
<!-- <title>{sitename} - {title}</title> -->
{if isset($alt_title)}
<title>{sitename} - {$alt_title}</title>
{else}
<title>{sitename} - {title}</title>
{/if}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
<meta name="description" content="{global_content name='description'}">
<meta name="generator" content="{sitename}">
<meta name="author" content="{root_url}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="{root_url}/up/th/images/touch-icon.png">
<link rel="apple-touch-icon" href="{root_url}/up/th/images/touch-icon.png">
<meta name="application-name" content="{sitename}"/>
<meta name="msapplication-navbutton-color" content="white"/>
<meta name="msapplication-TileColor" content="#000000"/>
<meta name="msapplication-TileImage" content="{root_url}/up/th/images/touch-icon.png"/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
{cms_stylesheet}
<!-- IEMobile 10 viewport fix -->
{literal}<script type="text/javascript">
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
</script>{/literal}
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="{root_url}/up/th/js/th.scripts.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{root_url}/up/theme-mmenu/js/jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>
<style type="text/css">
/* permet de mettre un filtre sur le fond */
.backoverlay, img.backoverlay {
background: url("{root_url}/up/images/filtre/overlay-pattern.png") repeat top!important;
background-repeat: repeat;
z-index:-1
}
.content_back {
background: url("{root_url}/up/images/backgrounds/{$page_alias}.jpg") no-repeat top;
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: -1000;
}
@media screen and (max-width: 1600px) {
.content_back {
-webkit-background-size: 1600px auto;
-moz-background-size: 1600px auto;
-o-background-size: 1600px auto;
background-size: 1600px auto;
}
}
@media screen and (max-width: 1200px) {
.content_back {
-webkit-background-size: 1200px auto;
-moz-background-size: 1200px auto;
-o-background-size: 1200px auto;
background-size: 1200px auto;
}
}
@media
only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation: landscape),
only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation: portrait) {
.content_back {
background-position:top;
-webkit-background-size: 800px auto;
-moz-background-size: 800px auto;
-o-background-size: 800px auto;
background-size: 800px auto;
}
}
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.content_back {
background-position:top;
-webkit-background-size: 1024px auto;
-moz-background-size: 1024px auto;
-o-background-size: 1024px auto;
background-size: 1024px auto;
}
}
</style>
<script>
$(document).ready(function() {
$('.scrollTo').click( function() { // Au clic sur un élément
var page = $(this).attr('href'); // Page cible
var speed = 750; // Durée de l'animation (en ms)
$('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
return false;
});
});
</script>
</head>
Passage en aperçu WYSIWYG
Code :
[== Indéfini ==]
{process_pagedata} {if isset($alt_title)} {sitename} - {$alt_title} {else} {sitename} - {title} {/if} {metadata} {* Don't remove this! Metadata is entered in Site Admin/Global settings. *} {cms_stylesheet} {literal}{/literal}
passage en mode sans WYSIWYG
Code :
[== HTML ==]
{process_pagedata} <!-- <meta http-equiv="refresh" content="0;url={root_url}"> --> <!-- <title>{sitename} - {title}</title> --> {if isset($alt_title)} {sitename} - {$alt_title} {else} {sitename} - {title} {/if} {metadata} {* Don't remove this! Metadata is entered in Site Admin/Global settings. *} {cms_stylesheet} <!-- IEMobile 10 viewport fix --> {literal}
<script type="text/javascript">// <![CDATA[
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
// ]]></script>
{/literal}
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="{root_url}/up/th/js/th.scripts.min.js"></script>
<script type="text/javascript" src="{root_url}/up/theme-mmenu/js/jquery.mmenu.min.all.js"></script>
<script type="text/javascript">// <![CDATA[
$(function() {
$('nav#menu').mmenu();
});
// ]]></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$('.scrollTo').click( function() { // Au clic sur un élément
var page = $(this).attr('href'); // Page cible
var speed = 750; // Durée de l'animation (en ms)
$('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
return false;
});
});
// ]]></script>
Donc plus de code reste le javascript en [CDATA] ?
Merci