[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition

Hello les ami(e)s,

sur le F.D.F on demande souvent de mettre un texte sur l'éditeur seulement l'iframe (le mode WYSIWYG) est pratiquement inaccessible pour des modifications.

On va donc définir un texte dans le script dans une variable afin d'éviter le soucis de caractères accentués.

De plus, au survol de l'éditeur le texte disparaitra pour laisser place à l'éditeur.

L'aperçu imagé:

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.

Déposez ceci:

Code:



$(function(){$(function(){
var text='Ne postez pas d\'insulte, évitez les majuscules, faites une recherche avant de poster pour voir si la question n\'a pas été évoqué.';
$('.sceditor-container iframe').before('<textarea id="M14_textarea"placeholder="'+text+'"></textarea>');
})});
$(function(){$(function(){
$('.sceditor-container').mouseenter(function(){
$('#M14_textarea').slideUp();});
$('.sceditor-container').mouseleave(function() {
$('#M14_textarea').slideDown();
});})});





Pensez a cliquer sur le bouton

Puis on va positionner le textarea :

Code:


#M14_textarea
{
position:absolute;
left:2%;
width:96% !important;
height: auto !important;
color: red !important;
font-size:12px;
font-style:italic;

}




Les styles suivants peuvent être modifiés

Code:


color: red !important;
font-size:12px;
font-style:italic;



Le texte modifiable pourra s'effectuer ici:

Code:


var text='Ne postez pas d\'insulte, évitez les majuscules, faites une recherche avant de poster pour voir si la question n\'a pas été évoqué.';


Attention toutefois aux apostrophes et accents , il devront être précédés d'une barre oblique (antislash):




Voila,c'est tout pour le moment .
Un soucis direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !