现在的位置: 首页 > web前端 > 正文

kindeditor上传图片和修改图片

2020年07月17日 web前端 ⁄ 共 1289字 ⁄ 字号 评论关闭

  KindEditor默认采用PHP实现,如果使用java实现,需要设置初始化参数查看文件上传返回参数设置页面kindeditor请求路径在服务器编写ImageAction。


  KindEditor上传图片和修改图片


  1.首先就是下载KindEditor


  2.部署编辑器


  解压kindeditor-x.x.x.zip文件,将所有文件上传到您的网站程序目录里,例如:http://您的域名/editor/


  Note


  您可以根据需求删除以下目录后上传到服务器。


  asp-ASP程序


  asp.net-ASP.NET程序


  php-PHP程序


  jsp-JSP程序


  examples-演示文件


  3修改HTML页面


  在需要显示编辑器的位置添加textarea输入框。


  <textareaid="describe"name="describe"style="width:100%;"></textarea>


  1


  Note


  id在当前页面必须是唯一的值。


  在textarea里设置HTML内容即可实现编辑,在这里需要注意的是,如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,则必须转换HTML特殊字符(>,<,&,”)。具体请参考各语言目录下面的demo.xxx程序,目前支持ASP、ASP.NET、PHP、JSP。


  在有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用编辑器初始化参数设置。


  4在该HTML页面添加以下脚本。


  <linkrel="stylesheet"href="<%=path%>/js/kindeditor-master/themes/default/default.css"/>


  <scriptcharset="utf-8"src="<%=path%>/js/kindeditor-master/kindeditor-all-min.js"></script>


  <scriptcharset="utf-8"src="<%=path%>/js/kindeditor-master/lang/zh-CN.js"></script>


  kindeditor上传图片初始化


  vareditor;


  KindEditor.ready(function(K){


  editor=K.create('textarea[name="describe"]',{


  minHeight:'350px',


  allowFileManager:true,


  uploadJson:'<%=path%>/tIg/uploadOK',


  afterUpload:function(){this.sync();},//图片上传后,将上传内容同步到textarea中


  afterBlur:function(){this.sync();},////失去焦点时,将上传内容同步到textarea中


  总之,kindeditor上传图片给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.