Les boutons de l'éditeur de texte ne s'affichent pas sur le téléphone mobil

[admin tt]

Bonjour
Les boutons de l'éditeur de texte ne sont pas affichés sur mobile. Existe-t-il un moyen d'afficher quatre ou cinq boutons ?

Lien du forum
https://dcrpgdarktruth.forumactif.org/forum

mobile


Ordinateur

[Pinguino]

Bonjour @admin tt

La situation est normale sur mobile concernant la réponse rapide. De base, il faut passer par la page de réponse classique et non la réponse rapide si vous souhaitez avoir tous les boutons.

Néanmoins, peut-être quand jouant avec le CSS (comme il s'agit de responsive), il sera possible de ne pas masquer les icônes soulignées. Mais je ne suis pas assez expert pour vous aider plus du coup

[admin tt]

Bonjour Pinguino,

Merci beaucoup pour vos explications et vos conseils concernant la situation sur mobile. J'apprécie votre aide et vos recommandations.  

Je vais attendre l'intervention d'un expert en code pour obtenir une aide supplémentaire sur la personnalisation du CSS afin de garantir l'affichage de toutes les icônes.  

Encore merci pour votre temps et votre soutien.  

[Toryudo]

Bonjour !

Aïe ! Techniquement, ça m'a l'air plus compliqué que ça.
Sur mobile, c'est carrément l'éditeur qui n'est pas présent, c'est-à-dire que rien n'est chargé sur la page.
Pas l'éditeur, pas les boutons, pas le wysiwyg, il n'y a rien du tout, juste un textarea tout simple.

Même si on ajoute un bouton qui permet d'afficher les balises [b] et [/b] dans le textarea par exemple, on ne pourra pas avoir le résultat en wysiwyg, ce ne sera que du source.
Est-ce que ça vous dérange ?

[admin tt]

Bonjour Toryudo,

Il n'y a pas de problème si certains boutons apparaissent même si le wysiwyg n'est pas disponible. Tant que nous avons la possibilité d'utiliser quelques fonctionnalités de base, cela me convient.

Merci pour votre aide

[Toryudo]

Bonjour !

Et voilà un script qui va permettre d'ajouter les quelques boutons de base gras, italique, souligne et barré.
Script à placer sur toutes les pages :

Code:

function addBBCode(textarea, before, after) {
    var start = textarea.selectionStart;
    var end = textarea.selectionEnd;
    var newText = before + textarea.value.substring(start, end) + after;
    textarea.value = textarea.value.substring(0, start) + newText + textarea.value.substring(end);
}

$(function(){$(function(){
    if ($('.sceditor-toolbar').length == 0){
        var textareaeditor = document.getElementById('text_editor_textarea');

        $('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'https://illiweb.com/rs3/87/frm/SCEditor/src/themes/fa.default.min.css') );
        $('.mobi-device #quick-reply-avatar').attr('style', 'top: 64px !important');

        $toolbar = $('<div class="sceditor-toolbar" unselectable="on"></div>');
        $group = $('<div class="sceditor-group"></div>');
        $bold = $('<a class="sceditor-button sceditor-button-bold" data-sceditor-command="bold" unselectable="on" title="Gras"><div unselectable="on">Gras</div></a>').on('click', function(){
            addBBCode(textareaeditor, '[b]', '[/b]');
        });
        $italic = $('<a class="sceditor-button sceditor-button-italic" data-sceditor-command="italic" unselectable="on" title="Ital."><div unselectable="on">Ital.</div></a>').on('click', function(){
            addBBCode(textareaeditor, '[i]', '[/i]');
        });
        $underline = $('<a class="sceditor-button sceditor-button-underline" data-sceditor-command="underline" unselectable="on" title="Soulig."><div unselectable="on">Soulig.</div></a>').on('click', function(){
            addBBCode(textareaeditor, '[u]', '[/u]');
        });
        $strike = $('<a class="sceditor-button sceditor-button-strike" data-sceditor-command="strike" unselectable="on" title="Barré"><div unselectable="on">Barré</div></a>').on('click', function(){
            addBBCode(textareaeditor, '[strike]', '[/strike]');
        });
        $group.append($bold).append($italic).append($underline).append($strike);
        $toolbar.append($group);
        $('#text_editor_textarea').before($toolbar);
    }
});});

Ce sont vraiment les boutons de base, les autres sont beaucoup plus compliqués malheureusement.

[admin tt]

Toryudo
Vous êtes le meilleur parmi les programmeurs
Toryudo  
-----
Merci beaucoup Toryudo
Merci beaucoup Pinguino