Jquery 用于插入占位符的CKEditor 4下拉按钮

我找到了两个独立的插件：

StrInsert

和

Placeholder

。第一个插件创建下拉菜单插入字符串，第二个插件插入占位符

以下是

StrInsert

插件的屏幕截图：

对于

占位符

插件：

---

互联网上有太多的问题要求提供类似的功能（制作一个插入占位符的下拉列表），但还没有提供此功能的解决方案/插件。这里是插件的链接：和

我也在

ckeditor

论坛上问过这个问题。但是，以防万一这里的其他人以前做过这件事，我需要你的帮助

======================================================================================================================

下面是

StrInsert

的功能， 单击其中一个下拉菜单时，它将在编辑器中插入

文本。但是，我不希望插入
文本
，而是希望它插入一个
占位符

占位符
可以使用另一个名为
占位符
的插件插入，它与
文本
有何不同？它有黄色的背景色，最重要的是，用户无法擦除字母
是的，这是可以做到的，并且可以用您已有的内容来完成

总而言之，占位符插件很好地将占位符表示为自包含的黄色元素，StrInsert插件提供了一种方便的方法，可以从下拉列表中插入预定义字符串，而不是让用户在对话框中键入它们

因此，充分利用两者的一个简单解决方案是使用both-StrInsert插入占位符字符串。它按照您的描述工作，并使用每个插件的标准功能

步骤如下：

从标准安装的两个插件开始。我不认为我需要在这里描述这一点

StrInsert插件允许您在其插件脚本文件中定义其字符串值。不要将常规字符串放入其中，而是以占位符格式添加字符串

e、 g.更改下面的默认字符串

//要从中选择的字符串数组，这些字符串将插入到编辑器中
var字符串=[]；
strings.push（['@@FAQ:：displayList（）@@'，FAQ'，FAQ']）；
strings.push（['@@Glossary:：displayList（）@@'，Glossary'，Glossary']）；
strings.push（['@@CareerCourse:：displayList（）@@'，“职业课程”，“职业课程]）；
strings.push（['@@CareerProfile:：displayList（）@'，'careerprofiles'，'careerprofiles']）

要使它们成为所需的占位符

//要从中选择的字符串数组，这些字符串将插入到编辑器中
var字符串=[]；
strings.push（['[[Something]]'，'Something'，'Something']）；

最后，如果您也不需要占位符按钮，那么您可以通过使用ckeditor文件夹中normal config.js中的条目来删除它（只是按钮）。其中可能已经有一个removeButtons行，您可以将CreatePlaceholder添加到该行中，但在任何情况下，它看起来都类似于以下内容：

config.removeButtons='CreatePlaceholder'

我知道这有点旧，但我创建了一个插件来完成这项任务

我已经为CKEditor创建了“Placeholder Tokens From Dropdown”插件。它的工作方式与Simon所说的strinsert插件大致相同，但更具灵活性

您可以传入包含“格式”的配置（如果您不想使用pleceholder插件格式）。默认情况下，它使用占位符格式[[something]]，但可以使用任何其他格式（例如{{something}}）

占位符标记可以通过配置作为JavaScript数组传入。该插件将为您完成其余的工作

我希望这会有所帮助

试试插件。它使用预配置的值创建“选择”下拉列表。您可以在下拉列表中配置值、名称和插入的值前缀/后缀符号
解决方案是什么？你还没有定义你的问题是做一个下拉列表，插入一个占位符而不是文本。我把这个问题放在标题上，我也会编辑我的文章。如果你不提供比插入占位符更详细的信息，我怀疑你会得到多少帮助。目前，我完全不知道你的期望是什么are@charlietfl我已经添加了更多信息，如果还不清楚，请告诉我。@Limantara你链接的那个怎么没有StrInsert好？你希望插件是什么样的？它必须是一个占位符，而不仅仅是任何旧的小部件吗？这听起来像是一个非常简单的插件，但如果我不知道要做什么，我就不能自己去做：）同时双击现有的占位符[[Something]]会弹出对话框来创建一个新的占位符。除上述内容外，我还注释了占位符/plugin.jsHi中的“dialog:‘placeholder’，”您是否提供了一种本地化“Insert placeholder”标签和文本的方法？