Different HTML output text

Question

Is it possible to achieve something like this:

HTML: <p>ABC</p> Output: DEF 

I asked about this because I want to create a mail template where HTML should have <p>${__VCG__VAL__FIRST_NAME}</p> (where ${__VCG__VAL__FIRST_NAME} is a variable). The variable must be replaced with the actual value later. However, the user should not see it on the screen; instead they will see ${FIRST_NAME} There is another limitation: I cannot give the id or class attributes for the element containing the word I want to replace.

I originally asked this question here: CKEditor4: make the text different from its HTML , but no one was familiar with CKEditor. So, this is even better if there is an easier way to do this with CKEditor.

Answer 1

Here's something that I put together a while ago that sounds like what you're looking for.

My violin