Je voudrais mettre juste Prévisualisation dans l'Editeur sur une page est ce possible

[creange]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : https://dangela.forumgratuit.org/

Description du problème

Bonjour j'ai créee une page html avec l'éditeur et je voulais savoir s'il était possible de ne placer que le bouton Prévisualiser en bas de l'éditeur
pour que les membres puissent voir le message en entier sans l'envoyer ?
Est ce que quelqu'un sait comment faire ?

[creange]

up

[creange]

up

[chattigre]

Bonjour,

Avez-vous le code de la page HTML tel qu'il est actuellement et si oui pouvez-vous nous le fournir entre balises code SVP ?

Bonne journée
Cordialement

[creange]

Bonsoir Chattigre
voici le code de ma page

Code:

<p>
                                            <span style="color: rgb(102, 0, 153); font-size: 22px;"></span><span style="color: rgb(102, 0, 153); font-size: 26px;"><script type="text/javascript">document.write(_userdata["username"]);</script> Voici  Ton Mémo</span><br />
</p>
<p>
                                          <span style="color: rgb(102, 0, 153); font-size: 22px;"><br /></span>
  Pour Tout Noter</span>                                                
 </div>
</div><div class="panel_bn_global" style="display:block;">
                                                 <br />
</div><div class="panel_bn_global" style="display:block;">
                                                <textarea class="notepad" id="fa_notepad" style="height: 600px; width: 450px;"></textarea>
</div><div style="display:block;" class="panel_bn_global">
                                                                                                              
 <div <br="" class="panel_bn_header_global">
                                                                                                      
 </div>
</div>
   <a onmousedown="createPagination(this, '<form name=" go_page"=""></a>
<center>
                          <br />                                      
 <center>
                                     <br />                                    
 <form id="quick_reply" name="post" method="post" action="/post">
                                                                                                  
 <div style="width: 50%; clear: both; margin-left: auto; margin-right: auto; text-align: center;" id="textarea_content">
                                                  <textarea style="width: 400px; height: 351px;" name="message" id="text_editor_textarea"></textarea>                                                
 </div>
                                                  
 <div style="width: 60%; clear: both; margin-left: auto; margin-right: auto; text-align: center;" id="textarea_content">
                          <br />                          
 </div>
                                                  
 <div style="width: 60%; clear: both; margin-left: auto; margin-right: auto; text-align: center;" id="textarea_content">
                          <br />                          
 </div>
                                                  
 <div style="width: 60%; clear: both; margin-left: auto; margin-right: auto; text-align: center;" id="textarea_content">
            <br />            
 </div>
                                                  
 <div style="width: 60%; clear: both; margin-left: auto; margin-right: auto; text-align: center;" id="textarea_content">
             <br />              
 </div><input value="6ab4db0260d7bcf944afa80dd74b3cdb" name="auth[]" type="hidden" /><input value="15d052f8866f5c792b8dfbcc3750ab54" name="auth[]" type="hidden" />                                    
 </form>
                                             <link media="all" type="text/css" href="https://illiweb.com/rs3/63/frm/SCEditor/src/themes/fa.default.min.css" rel="stylesheet" />        <style type="text/css">
            .sceditor-button-flash div      { background-position: 0 -628px; }
            .sceditor-button-servimg div    { background-position: 0 -644px; }
            .sceditor-button-dailymotion div{ background-position: 0 -660px; }
            .sceditor-button-faspoiler div  { background-position: 0 -676px; }
            .sceditor-button-fahide div     { background-position: 0 -692px; }
            .sceditor-button-fascroll div   { background-position: 0 -708px; }
            .sceditor-button-faupdown div   { background-position: 0 -724px; }
            .sceditor-button-farand div     { background-position: 0 -756px; }
            .sceditor-button-faroll div     { background-position: 0 -772px; }
            .sceditor-button-more div       { background-position: 0 -788px; }
            .sceditor-button-emoticon div   { background-position: 0 -804px; }
            .sceditor-button-embed div      { background-image: url("https://2img.net/i//fa/icon_embed.png") }
            .sceditor-button-headers div    { background-position: 0 -820px; }
            .sceditor-button-twemojifa div { background: url("https://2img.net/i/fa/icon_twemoji.png") !important; }
            .sceditor-twemojifa             {width:220px;height:250px;overflow-y:auto;}.sceditor-twemojifa img{cursor:pointer;padding:3px;}.sceditor-twemojifa img:hover{opacity:.7;}
            .sceditor-button-mention div    { background: url("https://2img.net/i//fa/icon_at.png") !important; }
            #sceditor-mention-div { max-height: 200px; overflow: auto; }
            .sceditor-mention-user { padding: 0 3px; border-radius: 3px; height: 25px; line-height: 25px; margin: 0 0 8px 0; background-color: #fbfbfb; border: 1px solid #f3f3f3; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
            .sceditor-mention-user img { height: 23px; margin: 0 4px; vertical-align: top; width: 23px; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #ececec; overflow: hidden; object-fit:cover; }
            .sceditor-mention-user:hover { background:#3793ff22;color: #000;cursor:pointer; }
            .sceditor-button-giphy div      { background-image: url("https://2img.net/i//fa/icon_gif.png") }
        </style>         <script src="https://illiweb.com/rs3/63/frm/jquery/cookie/jquery.cookie.js" type="text/javascript"></script>        <script src="https://illiweb.com/rs3/63/frm/SCEditor/src/jquery.sceditor.js" type="text/javascript"></script>        <script src="https://illiweb.com/rs3/63/frm/SCEditor/src/plugins/bbcode.js" type="text/javascript"></script>        <script src="https://illiweb.com/rs3/63/frm/SCEditor/src/sceditor-commands.js" type="text/javascript"></script>        <script src="https://illiweb.com/rs3/63/frm/SCEditor/src/sceditor-commands-bbcode.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/63/frm/SCEditor/src/sceditor-custom-bbcode.js" type="text/javascript"></script>            <script charset="UTF-8" type="text/javascript">
                (function ($) {
                    'use strict';
                    


                    $.sceditor.locale["fr"] = {
                        "Bold"                       : "Gras",
                        "Italic"                     : "Ital.",
                        "Underline"                  : "Soulig.",
                        "Strikethrough"              : "Barré",

                        "Align left"                 : "Aligné à gauche",
                        "Center"                     : "Centré",
                        "Align right"                : "Aligné à droite",
                        "Justify"                    : "Justifié",

                        "Bullet list"                : "-Liste",
                        "Numbered list"              : "Liste ordonnée",
                        "Insert a horizontal rule"   : "Insérer une ligne",

                        "Insert a Quote"             : "'Citer'",
                        "Code"                       : "Code",
                        "Spoiler"                    : "Spoiler",
                        "Hidden"                     : "Caché",
                        "Insert a table"             : "Insérer un tableau",

                        "Host an image"              : "Héberger une image",
                        "Insert an image"            : "Insérer une image",
                        "Insert a GIF"               : "Choisir un GIF",
                        "Insert an email"            : "Insérer un e-mail",
                        "Insert a link"              : "Insérer un lien",
                        "Unlink"                     : "Supprimer un lien",
                        "Insert a YouTube video"     : "Insérer une vidéo Youtube",
                        "Insert a Dailymotion Video" : "Insérer une Vidéo Dailymotion",
                        "Flash"                      : "Flash",

                        "Format Headers"             : "Format des titres",
                        "Font Size"                  : "Taille Police",
                        "Font Color"                 : "Couleur",
                        "Font Name"                  : "Police",
                        "Remove Formatting"          : "Supprimer le formatage du texte",
                        
                        "Mention a user"             : "Mentionner un membre",
                        "Embed a link"               : "Enrichir un lien Imgur, Twitter …",

                        "Subscript"                  : "Indice",
                        "Superscript"                : "Exposant",

                        "Horizontal scrolling"       : "Défilement horizontal",
                        "Vertical scrolling"         : "Défilement vertical",
                        "Random"                     : "Aléatoire",
                        "Dices roll"                 : "Lancer de dés",

                        "Insert an emoticon"         : "Smileys",
                        "Insert current date"        : "Date actuelle",
                        "Insert current time"        : "Heure actuelle",
                        "Paste Text"                 : "Insérer du texte sans formatage",
                        "Switch Editor Mode"         : "Basculer le mode d'édition",

                        "color_dark_red"    : "Rouge foncé",
                        "color_red"         : "Rouge",
                        "color_orange"      : "Orange",
                        "color_brown"       : "Marron",
                        "color_yellow"      : "Jaune",
                        "color_green"       : "Vert",
                        "color_olive"       : "Olive",
                        "color_cyan"        : "Cyan",
                        "color_blue"        : "Bleu",
                        "color_dark_blue"   : "Bleu foncé",
                        "color_indigo"      : "Indigo",
                        "color_violet"      : "Violet",
                        "color_grey"        : "Gris",
                        "color_white"       : "Blanc",
                        "color_black"       : "Noir",

                        "More"                       : "Plus/Moins de boutons",
                        "Search"                                    : "Rechercher",
                        "Insert"                                    : "Insérer",
                        "URL:"                                      : "URL",
                        "Invalid YouTube video"                     : "Vidéo invalide",
                        "Author (optional)"                         : "Auteur (Optionnel)",
                        "Title (optional)"                          : "Titre (Optionnel)",
                        "Cols:"                                     : "Colonnes",
                        "Rows:"                                     : "Lignes",
                        "Width (optional):"                         : "Largeur (optionnelle)",
                        "Height (optional):"                        : "Hauteur (optionnelle)",
                        "Description (optional):"                   : "Description (Optionnelle)",
                        "Paste your text inside the following box:" : "Collez votre texte à l'intérieur de ce bloc",
                        "Border"                                    : "Bordure (px)",

                        "dateFormat": "day.month.year"
                    };
                })(jQuery);
</script>        <script type="text/javascript">
            var servImgAccount = '.fr';
            var servImgId = '';
            var servImgF = '';
            var servImgMode = 'fae';
            var plugins = '';
            var palette = 1;
            var illiweb = 'https://illiweb.com/';
            var locale = 'fr';
            var height = '400';
            var plugin = 'bbcode';
            var toolbar = 'bold,italic,underline,strike|left,center,right,justify|quote,code,faspoiler,fahide|servimg,image,,link,youtube|headers,size,color,font,removeformat|mention,emoticon,date,time,source';
            var cssFile = 'https://illiweb.com/rs3/63/frm/SCEditor/minified/jquery.sceditor.default.min.css';
            var isRtl = 0;
            var dice = new Array();
            var bSourceMode = false;
            var emoticonsEnabled = 1;
            var smileys =  {":refc:": "https://2img.net/u/2712/15/42/5/smiles/37845074.gif",":jereflci:": "https://2img.net/u/2712/15/42/50/smiles/71142916.gif",":chut:": "https://2img.net/u/2712/15/42/50/smiles/404747787.png"};
            var iframeSrc = '/smilies?f=64&mode=smilies_frame&start=975&t=1664982348';
            var SCE_TopicID = '27';
            var illiwebDomain = 'https://illiweb.com/';
            var servimgDomain = 'servimg.com';
            var INTRANET = 0;
            var quick_reply = '';
        </script>        <script src="https://illiweb.com/rs3/63/frm/SCEditor/src/instance-sceditor.js" type="text/javascript"></script>                                    
 </center>
</center><a target="_blank" href="https://dangela.forumactif.com/h14-envie-de-papoter-forum-org/"><span style="color: rgb(102, 0, 51); font-size: 18px;">RETOUR</span></a>
<p>
</p>

[creange]

bonne journée

[chattigre]

Bonjour,

Je tenterai de regarder votre code ce soir ou vendredi soir, à moins que quelqu'un ne veuille prendre le relais d'ici là.
Veuillez m'excuser pour le délai, j'ai une semaine extrêmement chargée personnellement

Cordialement

[creange]

Bonjour Chattigre
Pas de souci     prenez votre temps 

cordialement

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[chattigre]

Bonjour,
Excusez-moi pour le délai de réponse, cette fois normalement c'est bon, je devrais être là

Ce formulaire est-il fonctionnel pour vous actuellement ? Comment avez-vous réalisé ce code ? J'y trouve de nombreuses incohérences et répétitions problématiques...
Avez-vous une capture d'écran de ce que vous souhaitez obtenir comme formulaire ?

Bonne journée
Cordialement.

[creange]

Bonsoir Chattigre
voici une capture du bas la page avec l'éditeur
ça c est le cadre du bloc notes


et j'ai ajouté en dessous l'éditeur pour qu'elles  puissent préparer   leur message avec les images
pour d'éventuels reportages


pour mettre le code j'ai utilisé le code source d'une page de prévisualisation d'un message sur le forum
que  j'ai trafiqué comme j'ai pù pour supprimer ce qui ne m'intéressait pas

et j'ai coché  le haut et le bas de la page du page dans les pages html  avant d'enregistrer
j'essaie de me débrouiller comme je peux n'étant pas très douée en code  

bonne fin de soirée
cordialement

[chattigre]

Bonjour,

Je suis désolé mais je ne trouve pas le temps de m'occuper de codes cette semaine, je pensais être plus tranquille personnellement et ça n'a pas été le cas malheureusement.

Je passe donc la main sur ce sujet, je suis certain que vous trouverez une solution, ce que vous demandez est bien faisable
Bonne journée

[creange]

Bonjour Chattigre
Ne soyez pas désolée on a tous une vie privé  

de mon côté j'ai cherché  et j'ai réussi à placer ce code en haut de la page de code

Code:

<span><a href="https://d.forumgratuit.org/h16-bloc-notes-personnel-des-membres"></a></p><div class="clear"></div><div class="noprint"><p class="right"><a  href="https://d.forumgratuit.org/h16-bloc-notes-personnel-des-membres"><a name="quickreply"></a><div class="h3">Réponse rapide:</div><br /><form action="/post" method="post" name="preview" id="quick_reply"><div id="textarea_content" style="width: 50%; clear: both; margin-left: auto; margin-right: auto; text-align: center;"><textarea id="text_editor_textarea" name="message"></textarea></div><div style="text-align:center; margin-top:20px;"><input type="hidden" name="attach_sig" value="1" /><input type="hidden" name="mode" value="reply" /><!--
 <input type="hidden" name="sid" value="" /> --><input type="hidden" name="tid" value="bc107341ea6b9e4fdc77baff9d623410" /><input type="hidden" name="t" value="300" /><input type="hidden" name="lt" value="26283" /><input type="hidden" name="notify" value="1" /><script type="text/javascript">smilieoptions = {};</script><input type="submit" name="preview" class="button2" value="Prévisualisation" a target="_blank"<a href="
https://https://d.forumgratuit.org/page_html?mode=preview"></div><input type="hidden" name="auth[]" value="6a6939580078e72d892b3a42f620342e" /><input type="hidden" name="auth[]" value="e631e271bd9d36830c4ece3f7b6d6a27" /></form>        <link rel="stylesheet" href="https://illiweb.com/rs3/63/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />

j'ai bien la Prévisualisation uniquement mais mon souci c est quand je clique sur Prévisualisation je tombe toujours sur le forum dont j'ai pris le code source
Comment puis je détourner la prévisualisation pour la voir sur ma page ?

bon week end
cordialement

Merci à celle ou celui qui me donnera la réponse

[creange]

Bon finalement j'ai ouvert un forum privé pour redonner une direction à la prévisualisation
et ça fonctionne parfaitement


mais je laisse un peu le sujet ouvert si quelqu'un connait la solution pour éviter d'avoir
à ouvrir un forum et de pouvoir rester la page html

[creange]

me revoilà parce que finalement ce n'est pas la bonne solution l'id étant la même pour les utilisateurs finalement on retrouve le même message pour tout le monde ce qui n'est pas le but recherché donc je repars à zéro et si quelqu'un à la solution pour que le bouton preview garde le lien de la page du bloc notes je suis preneuse ....
Bonne journée à tous

[creange]

Bonne fin de journée

[creange]

un petit up

[creange]

up

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[creange]

un petit up

[creange]

Bon ben personne ayant trouvé la solution je clos le sujet