L'ajout de points de balle pour une zone de texte?

Est-il un moyen d'ajouter des points de balle HTML textarea?

Je veux ajouter une fonctionnalité simple, où un point est ajouté pour chaque ligne dans une zone de texte (similaire à une liste de points de balle).

OriginalL'auteur tester2001 | 2012-07-31

  1. 8

    Vous ne pouvez pas faire cela, mais il ya une autre façon. supprimer le textarea.

    '<section id="textarea" contenteditable="true">
<ul>
    <li>List item here</li>
    <li>List item here</li>
    <li>List item here</li>
    <li>List item here</li>
</ul>

</section>'
    Qu'est-ce que ce tour de magie?! Et comment puis-je l'envoyer à un serveur?
    Trouvé! stackoverflow.com/q/6247702/1795429
    Notez que contenteditable permet à l'utilisateur de faire les choses d'une pâte riche en html du texte dans un élément de liste. Pour beaucoup, cela pourrait être un effet secondaire indésirable.
    contenteditable est une caractéristique étonnante! Vous pouvez l'appliquer à tout élément du dom

    OriginalL'auteur Bradley Beeke

  2. 0

    Autant que je sache, vous ne pouvez pas.
    Mais, vous pouvez obtenir de l'éditeur WYSIWYG où vous pouvez utiliser des balles de listes, et de plus en plus (comme des images, gras, italique, etc .).
    Ceux de l'éditeur WYSIWYG sont entièrement personnalisables, vous pouvez activer uniquement les options dont vous avez besoin.
    Les plus célèbres sont :
    CKEDITOR : http://ckeditor.com/
    De TinyMCE : http://www.tinymce.com/

    J. BENOIT.

    OriginalL'auteur JBENOIT

  3. 0

    Suffit d'utiliser la hexadécimal de la valeur unicode: \u2022 . Vous pouvez donc ajouter des puces à de nouvelles lignes de cette manière:

    $textarea.val($textarea.val().replace(/\n/g,"\n\u2022").replace(/\r/g,"\r\u2022"))

    OriginalL'auteur cage rattler

  4. 0

    Simple d'utilisation ci-dessous les caractères &#9679 pour les balles:

        <textarea rows="6" cols="20">
    &#9679 Item1
    &#9679 Item2
    &#9679 Item3
    &#9679 Item4
    &#9679 Item5
    </textarea>

    OriginalL'auteur Bilal Abdulkany

  5. 0

    Ce fait le travail très bien. Jeu de BALLE à tout caractère de code que vous préférez.

    <head>
    <script>
        var CRLF   = 10;
        var BULLET = String.fromCharCode(45);

        function Init() {
            if (txt.addEventListener) txt.addEventListener("input", OnInput, false);
        }

        function OnInput(event) {
            char = event.target.value.substr(-1).charCodeAt(0);
            nowLen = txt.value.length;

            if (nowLen > prevLen.value) {
                if (char == CRLF) txt.value = txt.value + BULLET + " ";
                if (nowLen == 1) txt.value = BULLET + " " + txt.value;
            }
            prevLen.value = nowLen;
        }
    </script>
</head>

<body onload="Init ();">
    <h4>Automatic bullets in a text box</h4>
    <textarea id="txt" rows="15" cols="40"></textarea>
    <input type="hidden" id="prevLen" value="0"/>
</body>
    Cela fonctionne très bien, il suffit de retirer le redondante oninput="" attribut de la textarea en html, sinon, vous allez être de l'appeler deux fois.
    Merci @harvest316, j'ai supprimé les redondant oninput="" dans le code.

    OriginalL'auteur CodeCabbie