Question
Character Count Check in Rich Text Editor
Hi Team
I have a requirement where user wants to see the reduction in character count while entering text in Rich Text Editor . This should happen during the progress of entering text in Rich Text Editor , not after user enters text in RTE and move out of the field . Please suggest some work around for this requirement requirement.
Pega Version 7.2
Srinivas21- To be more specific , we are expecting a feature similar to Text Area , the above link given by you doesn't mention the way it can be achieved, please provide some other links if available.
The character count feature is not available OOTB for RTE control. The way to limit the character length is through the property.
But I think this functionality can be achieved through JS code. I found this link online.
Srinivas21- limiting property characters is not working , do you have any working code available for this.
In my previous post, I provided the link to a working code.
Below is the JS code:
$('textarea').keyup(function() {
var characterCount = $(this).val().length,
current = $('#current'),
maximum = $('#maximum'),
theCount = $('#the-count');
current.text(characterCount);
/*This isn't entirely necessary, just playin around*/
if (characterCount < 70) {
current.css('color', '#666');
}
if (characterCount > 70 && characterCount < 90) {
current.css('color', '#6d5555');
}
if (characterCount > 90 && characterCount < 100) {
current.css('color', '#793535');
}
if (characterCount > 100 && characterCount < 120) {
current.css('color', '#841c1c');
}
if (characterCount > 120 && characterCount < 139) {
current.css('color', '#8f0001');
}
if (characterCount >= 140) {
maximum.css('color', '#8f0001');
current.css('color', '#8f0001');
theCount.css('font-weight','bold');
} else {
maximum.css('color','#666');
theCount.css('font-weight','normal');
}
});
Check if this might help you?
Hi ,
You can try this . it's just a workaround
include the Rich Text Editor in a section
on action add an event "Any Key " -- > Refresh sec and call a Data Transform and use the function to the length of the string . And calculate the no. of characters remaining and store that in a property. and show that on UI
Hi,
Can you check this https://community1.pega.com/community/pega-support/question/how-limit-character-length-rte-rich-text-editor