我将StrInsert插件添加到我的CKEditor中.它基本上添加了一个按钮,在我的编辑器中,它被标记CRM Field.
按钮的作用是将值添加到编辑器中.例如:当我$[FIRST_NAME]从下拉列表中单击时,它会将文本附加${__VCG__VAL__FIRST_NAME}到我的编辑器中.
为什么我将下拉菜单命名$[FIRST_NAME]为${__VCG__VAL__FIRST_NAME}?因为我想的HTML是<p>${__VCG__VAL__FIRST_NAME}</p>,同时text在编辑器中显示的是$[FIRST_NAME]![(**请参阅**[screenshot_2] [2]**以更好地了解问题**)](https://i.stack.imgur.com/dkWUj.png)
正如看到的screenshot_2,在HTML下面显示的是正是我想要的,但不是显示文本${__VCG__VAL__FIRST_NAME}我想要的编辑器来显示文本$[FIRST_NAME]
我的问题是,我怎么可以让HTML从不同text的编辑器,对于一些保留的关键字显示?
是否有可能实现这样的目标:
HTML:
<p>ABC</p>
Output:
DEF
Run Code Online (Sandbox Code Playgroud)
我之所以问这个是因为我想制作一个HTML部分必须具有的电子邮件模板<p>${__VCG__VAL__FIRST_NAME}</p>(哪里${__VCG__VAL__FIRST_NAME}是变量).稍后将变量替换为实际值.但是,用户不得在屏幕上看到它; 相反,他们会看到${FIRST_NAME}另一个约束:我不能给包含我要替换的单词的元素赋予id或class属性.
我最初在这里提出这个问题: CKEditor4:使文本与HTML不同,但似乎没有人熟悉CKEditor.所以,如果使用CKEditor更容易实现它,那就更好了.
我希望有5个列表,比如当点击其中任何一个时,它会变为绿色,如果其中任何一个为绿色,则将其他列表变为黑色.
这是我的清单:

<div id="menu">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
我写了jquery.但是,它并不简洁,因为我必须选择$('#menu li:first-child').. and $('#menu li:nth-child(2 to 5)')..
请查看演示,让我知道完成此操作所需的最简单方法
DEMO: