CKEditor 搭建

最新推荐文章于 2023-02-25 19:26:08 发布
最新推荐文章于 2023-02-25 19:26:08 发布
阅读量85 收藏
点赞数
分类专栏： JavaWork

CKEdidor是web的HTML 编辑器

 

很简单 也很强大

 

下面我简单的说明怎么搭建它

 

其实也就是将ckeditor加入到我们的web服务器上

 

1.下载软件

http://ckeditor.com

2.解压然后将文件夹 放到我们web的虚拟目录下

 

3.查看是否安装成功

 

http://localhost/ckeditor//_samples/index.html

 


以上是成功结果


 

有什么问题请和我联系

 

chenhailong118
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
富文本编辑器CKEditor 5开发环境搭建
oscar999的专栏
02-24 1536
CKEditor 5常见的使用方式有两种 传统方式，直接引用编译后的ckeditor.js 文件。详细使用可以参考： CKEditor快速介绍与入门示例 包的导入方式： 基于Node.js 和npm 导入CKEditor 5依赖包。 除了包的使用方式之外，在导入ckeditor.js文件的时候， 虽然可以在ckeditor官方网页选择需要的功能进行编译和打包，但有时候如果需要自行客制一些按钮或功能，就需要基于ckeditor的源码开发和打包了。 开发和编译CKEditor 5需要的环境 CKEditor
javaweb编辑器ckeditor配置_CKEditor5 + SpringBoot实战(二)：SpringBoot 环境搭建
weixin_39624864的博客
12-19 297
在本系列的文章中，我将介绍如何在Spring Boot Application中使用CKEditor编辑器。介绍的内容包括基本环境的搭建，文件上传，SpringData JPA数据持久化，CKEditor5的安装，CKEditor图片上传，CKEditor插入视频，获取/设置CKEditor内容等。项目源码本系列文章的项目源码同步更新至码云 和 Github ，你可以任选其一下载源码到本地。项目地...
base64audio:CKEditor 插件，能够使用 HTML5 音频标签添加 base64 编码的音频。 灵感来自 base64image
06-26
CKEditor 4 的 Base64Image 插件 创建者 ALL-INKL.COM - Neue Medien Münnich - 2014 年 2 月 4 日 将来自本地客户端的图像作为 base64 字符串添加到源中，无需服务器端处理。 您还可以将外部图像 url 添加到源中。 要求 浏览器必须支持 JavaScript 文件 API。 安装 从下载插件 将下载的文件解压（解压）到 CKEditor 安装的 plugins 文件夹中。 示例： : 使用 extraPlugins 配置设置启用插件。 示例：CKEDITOR.config.extraPlugins = "base64image";
CKeditor的安装和基本使用
迷默的博客
08-05 2025
今天在项目中有用到CKeditor，发现这个编辑器还是挺好用的，虽然功能不是很多，不像百度编辑器功能那么全，但是所拥有的功能还是很实用的，一般不是什么特殊要求，这个编辑器都能做到！ 编辑器下载地址： http://download.csdn.net/detail/pttaoge/9922056 下载后解压后，打开CKeditor文件夹，会出现这样的一个界面 之后只要把CKeditor
ckeditor实现本地图片base64方式上传到编辑区域
JokerSoulClub的博客
08-10 1212
不是传服务器,而是上传到编辑区域, 效果图如下,URL中,可以填写图片base64,思路就是增加一个上传文件的input,并且把得到的图片文件转为base64赋予URL 重写\plugins\image\dialogs\image.js里的add image方法, CKEDITOR.dialog.add("image", function (d) { setTimeout(()=>{ let dom = document.getElementsByClassName("ck-input-u
ckeditor 实例化和上传图片转换成base64或上传至服务器
天边逐云
08-25 1358
话不多说，请看代码： 1、代码 ClassicEditor.create(this.$refs.editor, { toolbar: { items: [ 'heading', '|', 'bold', ...
CKEditor5 上传Base64图片（非插件）- C# ASP.NET Core
iceagezh的专栏
04-13 1457
虽然官网自带Base64插件，但是需要使用Npm方式引用。 可使用一下方式代替： 页面js引用： <!--基础引用--> <script src="~/plugins/ckeditor5-build-decoupled-document/ckeditor.js"></script> <script src="~/plugins/ckeditor5-build-decoupled-document/zh-cn.js"></script>
ckeditor5-collaboration-samples:CKEditor 5的协作集成示例
04-28
CKEditor 5的协作功能示例集合 该存储库包含用于“普通JS”应用程序和JavaScript框架的代码示例和示例集成。 内容 香草JS样本 /classic-editor-with-real-time-collaboration –具有的CKEditor 5示例构建。 /...
ckEditor5:ckEditor5+node+vue实现粘贴图片上传
04-30
总的来说，"ckEditor5+node+vue实现粘贴图片上传"项目涉及到前端Vue.js应用、CKEditor5富文本编辑器的集成、Node.js后端服务的搭建以及图片上传的处理逻辑。通过这个项目，你可以深入理解如何在Web应用中实现富文本...
CKEditor5开发环境-javascript
06-21
CKEditor5开发环境; 基于最好的浏览器富文本编辑器 CKEditor 5 一套使用强大框架创建的即用型富文本编辑器。 考虑到实时协作编辑。 目录 快速入门 CKEditor 5 构建 CKEditor 5 框架 文档和常见问题 贡献和项目组织...
CKEditor在线文本编辑器开源框架
07-26
Ckeditor是开源的在线文本编辑器，Web开发常用工具，希望对大家有帮助
ckeditor 简单使用
weixin_34198453的博客
05-31 76
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>CKeditor</title> <scriptsrc="js/ckeditor.js"></script> &l...
ckeditor的word图片转存
weixin_52041354的博客
11-07 155
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题。发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了。然后我写了一个监听粘贴事件的操作，用来获取粘贴之后的file:///xxxx.jpg这种路径。编辑器中的图片地址已经全部替换成了服务器的图片地址，其它的用户也能够正常访问。
CKEditor5 集成 Firebase Storage 实现图片上传
asing1elife's blog
02-25 861
在 Vue3 中使用 TS 集成 CKEditor5 ，并通过 Firebase Storage 完成自定义图片上传。
富文本编辑器CKEditor配置及使用
热门推荐
sinat_31986807的博客
03-23 8万+
注：使用CKEditor版本为js版本的CKEditor 4.8.0，所有配置均参考自CKEditor官方API：https://docs.ckeditor.com/，以及实践经验 一、快速使用 CKEditor官网下载js插件 进入官网https://ckeditor.com/ckeditor-4/download/点击Release notes选择4.8.0版本点击Download...
Ckedit5 + Base64图片上传
m0_53361773的博客
12-08 1472
核心步骤 安装npm(如已经安装可忽略） Clone the build repository. Install the plugin package. Add it to the build configuration. Bundle the build. 安装npm Clone the build repository. 修改\ckeditor5-build-classic-master\src\ckdeit.js 包重复问题按照官方文档说明,build后Ckedit编译提示包重复，无法使用ckedit
校外实训作业——第一周——CKEditor实现图片上传预览保存（jsp+servlet+mysql）（保存地址&&base64格式存取）
lzs_jiafang的博客
09-13 635
   目录结构 index.jsp &lt;%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContextPath(); pageContext.setAttribute("path",path); %&gt; ...
vue3使用ckeditor
最新发布
07-27
- *2* *3* [关于在vue-3 搭建vue项目中使用 CKEditor](https://blog.csdn.net/weixin_49279406/article/details/119923938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值