Ckeditor固定HTML结构

Question

是否可以使用CKEditor为HTML提供固定结构。例如，HTML5占位符在编辑器中显示为用户提示，因此用户知道在哪里输入什么内容。此外，应该有可能用户不应该能够改变结构。

一个示例结构可能看起来像这样，占位符文本显示直到用户输入文本。

标题只

....

...

...

正如上面提到的，用户不应该是能够改变的结构/顺序部分。

Answer 1

这是一个CKEditor的完美用例部件。

简而言之，小部件是特殊的丰富内容单元，因为它们是在编辑器内被视为单个实体的元素组。一旦开发完成，它们的结构（但不一定是它们的内容）是不可改变的，并且由它们所用的CKEditor实例来执行。因此，可以在编辑区域中整体地自由选择，删除或移动这些实体，从而保持其预定义结构不变。同时，小部件的所有单独部分（其“构建块”）可以分别进行编辑或配置，而不会影响整个小部件实体及其在过程中的结构。在这里阅读更多：http://docs.ckeditor.com/#!/guide/dev_widgets

在你的情况，你可以看一下样品简单的盒子小部件是demoed here和this tutorial实际创建一步一步的。它创建了一个简单的模板构件，具有不可变的结构和预定义的字段供用户填写。此外，归功于ACF（CKEditor内容过滤机制），您甚至可以定义元素（及其属性，样式，类）在每个控件部件中都是允许的。

小工具是一个非常强大的工具，您可以在widget demo中看到小工具API的其他一些实现。