Question
Tech Mahindra
US
Last activity: 2 Mar 2020 8:38 EST
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
Optum
IN
Hi,
Can you check this https://collaborate.pega.com/question/how-limit-character-length-rte-rich-text-editor
Tech Mahindra
US
@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.
Optum
IN
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.
Tech Mahindra
US
@Srinivas21- limiting property characters is not working , do you have any working code available for this.
Optum
IN
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?
Pegasystems Inc.
IN
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