javascript - CKEditor4: Make Text Differ from its HTML -


I add the StrInsert plugin to my CcAdator. It basically adds a button, which is in my editor, is the CRM field label

What is the button, it will add a value to my editor. For example: When I click on $ [FIRST_NAME] from the dropdown, it will add text to my editor to $ {__ VCG__VAL__FIRST_NAME} .

Why do I name the dropdown $ [FIRST_NAME] instead of $ {__ VCG__VAL__FIRST_NAME} ? Because I want to be the text HTML shown in the editor & lt; P & gt; $ {__VCG__VAL__FIRST_NAME} Code> $ [FIRST_NAME] (** Please see ** [screenshot_2] [2] ] ** better understand this problem **)

As shown in screenshot_2 , the HTML shown below is the same I want to, but instead of showing it, the text $ {__ VCG__VAL__FIRST_NAME} to show the text to the $ [FIRST_NAME]

My question is, how do I html shown in the editor of some reserved keywords tech Is different from ?

Is a solution okay? If you can post and preprocess data, then the solution is simple. Replacing the data coming before $ {__VCG__VAL__FIRST_NAME} and replace the $ [FIRST_NAME] prefix, and vice versa.

There is a complex place for a fancy method with more but a good UX, I'm using the widget with code like this:

  & lt ; P data-real = "$ {__ vcg__VAL__FIRST_NAME}" & gt; $ [FIRST_NAME] & lt; / P & gt;   

You create a plugin that defines that each P with a data-actual attribute as a widget. Then, before saving, you can convert them to simple p and while loading, you can convert ordinary p to widget. The advantage here is that the user can not edit the text by mistake and that drag and drop is easy. For example, with jQuery it should be much easier to replace.

I do not know why you want them to level the blocks, I think these variables will be as if they are good inline - but that depends on your needs.

Widgets Documentation

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -