README

描述

Webspark ckeditor插件模块包含多个插件，用于增强ckeditor的功能，以便在创建新内容时添加或修改富文本编辑器的功能。

插件

1. WebsparkAdvancedImage

1.1 描述

此插件修改了现有的CKEditor image2小部件插件，该插件已被Drupal Image插件修改过。

1.2 功能

• 允许设置图像边距
• 允许应用图像圆角

1.3 使用方法

当用户在CKEditor中插入新图像时，在图像边距的表单下拉列表中有几个选项可供设置。在“额外”部分有一个选项（复选框）可以将图像设置为圆形。

2. WebsparkBlockQuote

2.1 描述

向ckeditor添加一个图标，创建webspark块引用。

2.2 功能

• Webspark块引用添加了一个引用模板。模板包含一个具有uds-blockquote类的div、特定的引号图标和引用特定的标签。
• 添加引用的内容、名称和描述。
• 编辑现有引用的内容、名称和描述。

• 2.3 使用方法

必须将图标添加到工具栏中。请在/admin/config/content/formats中进行检查。点击图标时，将弹出引用对话框。通过提交对话框，将在文本编辑器中生成结构。您可以通过在文本编辑器中选择引用并单击图标来编辑现有的一个。

3. WebsparkButton

3.1 描述

向ckeditor添加一个图标，创建webspark按钮。

3.2 功能

• Webspark按钮是一个位于标签内的标签，具有"btn"类。
• 您可以选择按钮的样式
• 它还具有更改样式的上下文菜单。

必须将图标添加到工具栏中。请在/admin/config/content/formats中进行检查。从工具栏中添加按钮，填写字段并保存。右键单击以更改选项。

4. WebsparkDivider

4.1 描述

向ckeditor添加一个图标，创建webspark分隔符。

4.2 功能

添加一个具有"copy-divider"类的hr标签。

4.3 使用方法

必须将图标添加到工具栏中。请在/admin/config/content/formats中进行检查。单击按钮以添加分隔符。

5. WebsparkHighlightedHeading

5.1 描述

向CKEditor添加一个图标，插入高亮标题。

5.2 功能

• 允许创建标题（H1、H2、H3、H4）。
• 允许对标题（金色、灰色7、白色）应用高亮。

5.3 使用方法

可以使用工具栏中的图标插入高亮标题。点击后，将可设置文本、颜色和标题类型选项。要编辑现有的一个，需要双击编辑器中的文本。

6. WebsparkLead

6.1 描述

向CKEditor添加一个图标，添加Lead元素。

6.2 功能

• 添加一个具有"lead"类的段落。

6.3 使用方法

可以通过首先选择编辑器中的文本，然后按工具栏中的Lead图标来添加Lead元素。

7. WebsparkListStyle

7.1 描述

此插件改变了有序列表和无序列表的功能。

7.2 功能

• 添加了ASU所需的类
• 添加了一个上下文菜单，以便能够更改样式
• 在SHIFT+ENTER时，以“<span>”形式的“列表项描述”将被生成

7.2 如何使用

模块安装后，当ckeditor工具栏上出现无序列表或有序列表图标时，点击这些图标或者在ckeditor中右键点击现有列表，插件修改就会生效。

7.3 如何创建图标列表

要创建图标列表

• 创建一个无序列表。
• 在列表上右键点击，并选择图标列表选项之一
• 点击列表项的开始处
• 点击名为“Font Awesome”（旗帜形状）的图标，并选择该图标

8. WebsparkMediaAlter

8.1 描述

此插件通过执行JS脚本来为远程视频媒体添加额外的样式。

8.2 功能

通过在“saveSnapshot”事件上执行脚本将样式应用到远程视频上。

9. WebsparkTable

9.1 描述

webspark表格插件取代了ckeditor自带的标准表格，以适应webspark的需求。

9.2 功能

• 为表格及其内部添加了ASU所需的类
• 在上下文菜单中添加了更改这些类的选项

9.2 如何使用

新图标需要按照特定格式添加：/admin/config/content/formats。如果添加了图标，您可以在ckeditor中点击它。另一种与插件交互的方式是通过上下文菜单，在文本编辑器中右键点击现有的表格。

9.3 难点

无法修改默认表格，因此当前插件从ckeditor表格代码中复制了大量内容。

附加信息

这些插件基于ckeditor版本4构建。

要求

Drupal 8.x或Drupal 9.x