想知道如果有人有任何方法通過CSS,甚至JS添加段落間距視覺效果到文本里面的文本?是否可以在textarea內添加段落間距?
我知道行高,但是想要在textarea裏面添加段落自身之前/之後的印象,而不是在textarea裏面輸入兩次來獲得段落之間的空間。
這是可能與一個textarea單獨或我需要考慮豐富的文本編輯器,或者甚至可以自己用段落間距編寫一個簡單的文本編輯器? (我寧願不走這條路線,因爲我只是在段落間距之後,並非所有文本編輯器附帶的格式選項)
想知道如果有人有任何方法通過CSS,甚至JS添加段落間距視覺效果到文本里面的文本?是否可以在textarea內添加段落間距?
我知道行高,但是想要在textarea裏面添加段落自身之前/之後的印象,而不是在textarea裏面輸入兩次來獲得段落之間的空間。
這是可能與一個textarea單獨或我需要考慮豐富的文本編輯器,或者甚至可以自己用段落間距編寫一個簡單的文本編輯器? (我寧願不走這條路線,因爲我只是在段落間距之後,並非所有文本編輯器附帶的格式選項)
沒有。如果沒有line-spacing
屬性,則不能在textarea
中的段落之間添加空格而不更改該區域的值。這不是JavaScript或CSS選擇器可以做的事情。
是的,它應該可以通過替換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