2016-07-29 85 views
1

想知道如果有人有任何方法通過CSS,甚至JS添加段落間距視覺效果到文本里面的文本?是否可以在textarea內添加段落間距?

我知道行高,但是想要在textarea裏面添加段落自身之前/之後的印象,而不是在textarea裏面輸入兩次來獲得段落之間的空間。

這是可能與一個textarea單獨或我需要考慮豐富的文本編輯器,或者甚至可以自己用段落間距編寫一個簡單的文本編輯器? (我寧願不走這條路線,因爲我只是在段落間距之後,並非所有文本編輯器附帶的格式選項)

回答

1

沒有。如果沒有line-spacing屬性,則不能在textarea中的段落之間添加空格而不更改該區域的值。這不是JavaScript或CSS選擇器可以做的事情。

0

是的,它應該可以通過替換textarea的值,同時收聽keyboard event values,特別是對於Enter鍵。

您將值存儲在變量中,並且每當用戶點擊輸入時(它的事件值爲13),它將採用該文本並在結尾添加新行。現在變爲存儲在變量中的值,並且在用戶下次輸入時添加新行,等等。

這裏,如果你已經使用jQuery一個簡單的實現:

$('#my-text').keypress(function(e) { 
    if(e.which === 13) { 
    var text = $('#my-text').val(); 
    $('#my-text').val(text + '\n'); 
    } 
}); 

e是傳過來的參數鍵盤事件,當出現這種情況是一個回車鍵,代碼存儲的文本值然後用該值加上一個新行替換textarea的值。

下面是關於codepen的演示: http://codepen.io/denmch/pen/qNyjZE