bunun için replaceAll() metodunu kullanabilirsin.

let yazi = "selaam";
let yeni_yazi = yazi.replaceAll('a', 'ⓐ').replaceAll('s', 'ⓢ');

console.log(yeni_yazi);

şöyle dener misin

var formData = new FormData(this);
formData.append('icerik', $(".rich_txt").html());
$.ajax({
    url:"pages/listele.php",
    data: formData,
    type:"POST",
    contentType: false,
    processData:false,
    cache:false,
    success:function(e){
     alert(e);
    }
});

açık konuşmak gerekirse ddos saldırısını tamamen önlemenin pek bir yolu yok, iş ddos olduğu zaman allah kolaylık versin demek düşer :)

css'de yazı yazdığında işlem yapma gibi bir şey söz konusu değil.
:focus ile input'a tıklandığında belki ondan sonra gelen html etiketlerini + ya da ~ seçicileri ile seçip css uygulayabilirsin.

ya da farklı bir alternatif olarak input'a required niteliği koyarsın ve :valid :invalid sözde sınıfları ile kontrol ederek ondan sonra gelen html etiketlerini yukarıdaki mantıkta seçerek uygulayabilirsin.

bu çok genel bir soru bu şekilde genel sorular sormamaya dikkat edelim facebook yapmak istiyorum demekten çok bir farkı yok bu sorununda :)
javascript ile bir script yazacaksan backend tarafında yazman gerekir yani nodejs bilginin olması gerekir, nodejs tarafında express framework'e hakim olmak gerekir daha kolay işlemler için.
eğer frontend tarafında da javascript kullanayım dersen react, vue vs. kullanabilirsin. yani yapmak isteyip yapamamanın sebebi nereden başlayacağın mı ne yapacağını bilmiyor oluşun mu bilmiyorum ancak böyle genel soruların cevapları pek bulunmaz.

Lütfen sorunuzu sorarken kodları doğru şekilde paylaşmaya çalışın, ben şimdilik kodlarınızı düzelttim. Sorunuz için ise şunu deneyebilirsiniz;

.sign-keep input:checked + label {
    background-color: red;
}