6

HTML テキストエリアに箇条書きを追加する方法はありますか?

テキスト領域のすべての行に箇条書きが追加される単純な機能を追加したいと考えています (リストの箇条書きに似ています)。

4

7 に答える 7

12

それはできませんが、別の方法があります。テキストエリアを削除します。

'<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>'
于 2013-10-31T15:54:03.410 に答える
0

これは非常にうまく機能します。BULLET を任意の文字コードに設定します。

<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>
于 2016-02-23T22:13:46.270 に答える
0

箇条書きには以下の文字 ● を使用します。

    <textarea rows="6" cols="20">
    &#9679 Item1
    &#9679 Item2
    &#9679 Item3
    &#9679 Item4
    &#9679 Item5
    </textarea>
于 2016-07-04T06:27:51.253 に答える
0

私の知る限り、あなたはできません。ただし、箇条書きリストなど (画像、太字、斜体など) を使用できる WYSIWYG エディターを入手できます。これらの WYSIWYG エディターは完全にカスタマイズ可能なため、必要なオプションだけを有効にすることができます。最も有名なものは次のとおりです: CKEDITOR: http://ckeditor.com/ TinyMCE: http://www.tinymce.com/

J.ベノワ。

于 2012-07-31T03:57:16.097 に答える
0

16 進数の Unicode 値を使用するだけです: \u2022 。したがって、次の方法で新しい行に箇条書きを追加できます。

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

于 2015-10-28T15:52:57.283 に答える