CKEditor 4 上传图片
2024-09-01 16:20:21
参考资料:Basic Configuration
直接Ctrl+v(粘贴图片)报错信息:上传文件时发生网络错误(networkError:Network error occurred during file upload)
版本:4.11.4,API接口直接返回图片地址即可
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.toolbarGroups = [
{ name: 'clipboard', groups: ['clipboard', 'undo'] },
{ name: 'editing', groups: ['find', 'selection', 'spellchecker', 'editing'] },
{ name: 'forms', groups: ['forms'] },
{ name: 'basicstyles', groups: ['basicstyles', 'cleanup'] },
{ name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph'] },
{ name: 'links', groups: ['links'] },
{ name: 'insert', groups: ['insert'] },
{ name: 'styles', groups: ['styles'] },
{ name: 'colors', groups: ['colors'] },
{ name: 'document', groups: ['document', 'doctools', 'mode'] },
{ name: 'tools', groups: ['tools'] },
{ name: 'others', groups: ['others'] },
{ name: 'about', groups: ['about'] }
];
//移除的按钮
config.removeButtons = 'Templates,Print,Find,Replace,SelectAll,Scayt,Checkbox,Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CreateDiv,Blockquote,BidiLtr,BidiRtl,Flash,PageBreak,Iframe,About,ShowBlocks,Smiley,SpecialChar,HorizontalRule,CopyFormatting,RemoveFormat'; //上传图片窗口用到的接口
config.filebrowserImageUploadUrl = "https://192.168.0.1/api/ECategoryDetail/UploadImg";
config.filebrowserUploadUrl = "https://192.168.0.1/api/ECategoryDetail/UploadImg"; // 使上传图片弹窗出现对应的“上传”tab标签
config.removeDialogTabs = 'image:advanced;link:advanced'; //粘贴图片时用得到
config.extraPlugins = 'uploadimage';
config.uploadUrl = 'https://192.168.0.1/api/ECategoryDetail/UploadImg';
};
留下的按钮样式如下图:
建议大家有条件的直接用谷歌,百度找了半天没有有用的资料。
最新文章
- MTK MT33xx型GPS的NMEA协议解析实例
- 【转】ubuntu 配置 java jdk1.8 环境,增加多版本 jdk 和切换方法
- 我的毕业设计——基于安卓和.NET的笔记本电脑远程控制系统
- Representation Data in OpenCascade BRep
- 富文本KidnEditor在MVC中的应用
- Oracle存储过程基本语法 存储过程
- 【Search for a Range】cpp
- angularJs项目实战!02:前端的页面分解与组装
- ssh远程执行命令并自动退出(已测试通过)
- poj 1753 Flip Game 枚举(bfs+状态压缩)
- URAL 1992 CVS 链表
- HDU 5969 最大的位或 【贪心】 (2016年中国大学生程序设计竞赛(合肥))
- Linux定时任务命令crontab
- 用超链接传递数组或get方式
- Spring-cloud(四)服务发现与消费:ribbon的使用
- Input子系统(二)【转】
- Shell编程(week4_day3)--技术流ken
- 【转】iOS开发笔记--识别单击还是双击
- enumerate 模块
- MySQL 大数据备份方案之Percona XtraBackup