如何通过相对路径在ckeditor中加载图像

在 CKEditor 中加载图像可以通过相对路径实现。相对路径是相对于当前 HTML 页面或者当前编辑器所在的文件夹的路径。

要通过相对路径加载图像，可以按照以下步骤进行操作：

1. 确保图像文件位于与 HTML 页面或者编辑器文件相同的文件夹中，或者是相对于该文件夹的子文件夹中。
2. 在 CKEditor 的配置文件中设置图像上传的路径。可以使用 config.filebrowserImageUploadUrl 配置项来指定上传图像的服务器端脚本路径。例如：
3. 在 CKEditor 的配置文件中设置图像上传的路径。可以使用 config.filebrowserImageUploadUrl 配置项来指定上传图像的服务器端脚本路径。例如：
4. 这里的 /upload/image 是一个示例路径，你需要根据实际情况修改为你的服务器端脚本路径。
5. 在 CKEditor 的配置文件中设置图像浏览的路径。可以使用 config.filebrowserImageBrowseUrl 配置项来指定浏览图像的服务器端脚本路径。例如：
6. 在 CKEditor 的配置文件中设置图像浏览的路径。可以使用 config.filebrowserImageBrowseUrl 配置项来指定浏览图像的服务器端脚本路径。例如：
7. 这里的 /browse/image 是一个示例路径，你需要根据实际情况修改为你的服务器端脚本路径。
8. 在 CKEditor 的编辑器配置中启用图像上传和浏览功能。可以使用 config.extraPlugins 配置项来添加额外的插件。例如：
9. 在 CKEditor 的编辑器配置中启用图像上传和浏览功能。可以使用 config.extraPlugins 配置项来添加额外的插件。例如：
10. 这里的 uploadimage 和 image2 是用于图像上传和浏览的插件名称。
11. 在 CKEditor 的编辑器配置中启用图像工具栏按钮。可以使用 config.toolbar 配置项来定义编辑器的工具栏按钮。例如：
12. 在 CKEditor 的编辑器配置中启用图像工具栏按钮。可以使用 config.toolbar 配置项来定义编辑器的工具栏按钮。例如：
13. 这里的 Image 是用于插入图像的工具栏按钮。

完成以上步骤后，你就可以在 CKEditor 中使用相对路径加载图像了。当点击图像工具栏按钮时，会弹出图像上传和浏览的对话框，你可以选择上传图像或者浏览已上传的图像，并将其插入到编辑器中。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理大规模非结构化数据。详情请参考：腾讯云对象存储（COS）
• 腾讯云云服务器（CVM）：提供弹性计算能力，支持按需购买、弹性伸缩，适用于各类应用场景。详情请参考：腾讯云云服务器（CVM）
• 腾讯云内容分发网络（CDN）：提供全球加速、高可用的内容分发服务，加速网站、应用、音视频等内容的传输。详情请参考：腾讯云内容分发网络（CDN）
• 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详情请参考：腾讯云人工智能（AI）