jquery - CKEditor 4 下拉按钮插入占位符

Question

我发现了两个独立的插件:StrInsert 和 Placeholder。第一个插件创建插入字符串的下拉菜单，第二个插件插入占位符。

这是 StrInsert 插件的屏幕截图:

对于 Placeholder 插件:

互联网上有很多问题要求类似的功能(制作插入占位符的下拉菜单)，但没有提供此功能的解决方案/插件。这是插件的链接:StrInsert和 Placeholder

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

==============================编辑=============== =========================

这就是 StrInsert 的作用， 当单击其中一个下拉菜单时，它将在编辑器中插入一个文本。但是，我希望它插入一个占位符，而不是插入文本。

Placeholder 可以使用另一个名为 PlaceHolder 的插件来插入，它与 text 有何不同？它具有黄色背景颜色，最重要的是，用户无法删除字母

Answer 1

是的，这是可以做到的，并且可以用您已有的东西来完成。

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

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

步骤如下:

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

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

   例如更改下面的默认字符串...

   //可供选择的字符串数组，将插入到编辑器中var 字符串 = [];strings.push(['@@FAQ::displayList()@@', '常见问题解答', '常见问题解答']);strings.push(['@@Glossary::displayList()@@', '词汇表', '词汇表']);strings.push(['@@CareerCourse::displayList()@@', '职业类(class)', '职业类(class)']);strings.push(['@@CareerProfile::displayList()@@', '职业文件', '职业文件']);

   使它们成为您想要的占位符...

   //可供选择的字符串数组，将插入到编辑器中var 字符串 = [];strings.push(['[[某事]]', '某事', '某事']);...

3. 最后，如果您也不需要占位符按钮，则可以使用 ckeditor 文件夹中普通 config.js 中的条目删除它(仅按钮)。那里可能已经有一个removeButtons行，您可以将CreatePlaceholder添加到其中，但无论如何它都会看起来像这样:

   config.removeButtons = 'CreatePlaceholder';