肯蒂科 10 |自定义组件中富文本编辑器的工具栏

Question

我可以在 Kentico 10 中为 EditableText Web 部件创建一个自定义工具栏，因为有很多关于如何 create/set 自定义工具栏的文档..但我只能找到 EditableTextWebPart 的文档。

我需要创建独特的工具栏，以便在某些属性/字段的多个自定义 Web 部件中使用。我找不到任何关于在我自己的自定义 Web 部件中设置它们的文档，我希望有人能给我指出正确的方向。

Answer 1

听起来你把一些事情搞混了。每个 Web 部件都有属性。每个属性都有一个关联的控件。您使用的控件基于字段的数据类型。

如果您的 Web 部件上有长文本数据类型属性，您应该能够选择富文本编辑器作为控件。然后为所见即所得编辑器创建自定义小部件。

现在，如果您不想使用所见即所得编辑器，请创建您自己的 custom form control.

Check out this article 关于自定义所见即所得编辑器。在文章末尾，它引用了所见即所得编辑器的自定义小部件。

Answer 2

所以答案就在我眼皮底下，虽然有点隐蔽。

在 /CMS/CMSAdminControls/CKeditor/config.js 中，我添加了我自己的自定义工具栏，我已经创建了它，但不知道如何将其传递给 Web 部件属性.

    config.toolbar_Caption =
    [
        ['Undo', 'Redo', '-'],
        ['Cut', 'Copy', 'Paste', 'PasteText', 'Scayt', '-'],
        ['Bold', '-'],
        ['InsertLink', 'Unlink', '-'],
        ['Maximize']
    ];

Web 部件有一个属性，名为 Caption，Data type 设置为长文本和表单控制设置为富文本编辑器。
在编辑控件设置下，展开高级以访问工具栏设置 并将其设置为自定义工具栏。在我的示例中，这将是 Caption.
同时将 工具栏位置 设置为 In 以便工具栏位于文本区域内而不是浮动在整个表单的顶部.

肯蒂科 10 |自定义组件中富文本编辑器的工具栏

Kentico 10 | Toolbar for Rich Text Editor in a Custom Component

properties

ckeditor

wysiwyg

web-parts

kentico