將文本區域添加到文本區域？

我想添加一個簡單的功能，爲文本區域中的每一行添加項目符號點（類似於列表項目符號點）。

2012-07-31 tester2001

據我所知，你不能。但是，你可以得到所見即所得的編輯器，你可以使用項目符號列表和更多（如圖像，粗體，斜體等）。這些所見即所得編輯器是完全可定製的，所以你可以只啓用你需要的選項。其中最著名的是： CKEDITOR：http://ckeditor.com/ TinyMCE的：http://www.tinymce.com/

J. BENOIT。

來源

2012-07-31 03:57:16 JBENOIT

你不能這樣做，但有另一種方法。刪除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>'

來源

2013-10-31 15:54:03

這是什麼魔法？我如何將它提交給服務器？ – OneHoopyFrood 2016-04-21 20:26:28

找到了！ http://stackoverflow.com/q/6247702/1795429 – OneHoopyFrood 2016-04-21 20:43:37

請注意，contenteditable允許用戶執行諸如將豐富的html文本粘貼到列表項目中的操作。對於許多人來說，這可能是一種不必要的副作用。 – 2017-06-20 04:25:47

只需使用十六進制unicode值：\ u2022。所以，你可以添加子彈新線以這種方式：

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

來源

2015-10-28 15:52:57

這做這項工作非常漂亮。將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-23 22:13:46 CodeCabbie

這很好，只需從textarea html中刪除多餘的oninput =「」屬性，否則你會調用它兩次。 – harvest316 2016-10-14 02:42:12

Thanks @ harvest316，我從代碼中刪除了多餘的oninput =「」。 – CodeCabbie 2016-10-14 14:46:56

簡單使用下面的字符&＃9679的子彈：

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

來源

2016-07-04 06:27:51

將文本區域添加到文本區域？

回答

相關問題