电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

瀏覽:138日期:2022-09-09 14:55:36

KindEditor 是一套開源的在線HTML編輯器, 后臺可與 Java、.NET、PHP、ASP 等程序集成。為實現(xiàn)圖文混排的編輯效果,我們通常都會用到編輯器的圖片上傳功能,本文會簡單講一下KinEditor的基本使用,主要說明如何在php環(huán)境下,集成編輯器的圖片上傳功能!

KindEditor 官方下載:http://kindeditor.net/down.php KindEditor 編輯器的基本使用:http://kindeditor.net/docs/usage.html KindEditor 初始化參數(shù)配置:http://kindeditor.net/docs/option.htm KindEditor 官方案例: http://kindeditor.net/demo.php KindEditor在php環(huán)境下上傳圖片功能集成

首先,我們先看一下編輯器里面自帶的圖片上傳彈框,編輯器可使用 網(wǎng)絡圖片 和 本地上傳 種方式,如下圖。網(wǎng)絡圖片地址在 file_manager_json.php 里面設置,本地上傳的圖片上傳的文件夾在upload_json.php 里面設置,如何設置接下來會有說明。

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

KindEditor在php環(huán)境下上傳圖片功能集成的方法示例

下面,我們就開始集成圖片上傳功能吧。

1)根據(jù)上述步驟引入css和js,同時初始化編輯器。

/* 頁面已引入以下文件 *css: kindeditor/themes/default/default.css *js: kindeditor/kindeditor-all-min.js * kindeditor/lang/zh-CN.js */ // 初始化編輯器 KindEditor.ready(function(K) { editor = K.create(’textarea[name='content']’, { autoHeightMode : true, // 需自動調(diào)整高度時配置 resizeType: 1, //拖拽設置,詳情參考上述第3點,初始化參數(shù)配置 allowImageUpload: true, // 允許圖片上傳 allowFileManager: true, // 允許文件管理 wellFormatMode: false, // 不美化HTML數(shù)據(jù),kindeditor會自動美化編輯器的html代碼,這樣我們輸入內(nèi)容之后生成的html會多很多的<br/>標簽,如不需要可將此配置項設置為false. uploadJson: ’kindeditor/php/upload_json.php’, // 配置文件上傳的接口文件的路徑,需要使用 本地上傳 圖片時需配置 fileManagerJson : ’kindeditor/php/file_manager_json.php’, // 配置網(wǎng)絡圖片加載的接口文件的路徑,需要使用 網(wǎng)絡圖片 加載圖片時需配置 afterCreate : function() { this.loadPlugin(’autoheight’); // 需自動調(diào)整高度時使用 }, afterBlur: function(){ // 編輯器失去焦點時將數(shù)據(jù)同步到textarea this.sync(); // sync的詳細作用可參考上述第2點,編輯器的基本使用 } });})

2)修改KindEditor中的 upload_json.php 文件,保證本地上傳文件路徑的正確性。在路徑 kindeitor/php/ 目錄下找到 upload_json.php 文件,我們發(fā)現(xiàn)會有下面幾行代碼:

//文件保存目錄路徑$save_path = $php_path . ’../attached/’;//文件保存目錄URL$save_url = $php_url . ’../attached/’;//定義允許上傳的文件擴展名$ext_arr = array(’image’ => array(’gif’, ’jpg’, ’jpeg’, ’png’, ’bmp’),’flash’ => array(’swf’, ’flv’),’media’ => array(’swf’, ’flv’, ’mp3’, ’wav’, ’wma’, ’wmv’, ’mid’, ’avi’, ’mpg’, ’asf’, ’rm’, ’rmvb’),’file’ => array(’doc’, ’docx’, ’xls’, ’xlsx’, ’ppt’, ’htm’, ’html’, ’txt’, ’zip’, ’rar’, ’gz’, ’bz2’),);

從上面代碼可以看出,kindeditor本地上傳的圖片默認會上傳到 kindeditor/attached/ 下面,如果attached目錄不存在,則會上傳失敗。我們可以根據(jù)自身代碼目錄指定本地上傳的目錄。

3)修改KindEditor中的 file_manager_json.php 文件,保證網(wǎng)絡圖片路徑讀取的正確性。在路徑 kindeitor/php/ 目錄下找到 file_manager_json.php 文件,我們會發(fā)現(xiàn)也有兩行與 2)中相似的代碼:

//根目錄路徑,可以指定絕對路徑,比如 /var/www/attached/$root_path = $php_path . ’../attached/’;//根目錄URL,可以指定絕對路徑,比如 http://www.yoursite.com/attached/$root_url = $php_url . ’../attached/’;//圖片擴展名$ext_arr = array(’gif’, ’jpg’, ’jpeg’, ’png’, ’bmp’);

網(wǎng)路圖片地址的默認路徑同樣是 kindeditor/attached/ ,我們可根據(jù)自身需要修改目錄。

到此這篇關于PHP環(huán)境下如何實現(xiàn)使用KindEditor編輯器上傳圖片的文章就介紹到這了,更多相關PHP KindEditor編輯器上傳圖片內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: PHP
相關文章:
主站蜘蛛池模板: 内六角扳手「厂家」-温州市威豪五金工具有限公司 | 塑木弯曲试验机_铜带拉伸强度试验机_拉压力测试台-倾技百科 | 房车价格_依维柯/大通/东风御风/福特全顺/江铃图片_云梯搬家车厂家-程力专用汽车股份有限公司 | 蒸汽热收缩机_蒸汽发生器_塑封机_包膜机_封切收缩机_热收缩包装机_真空机_全自动打包机_捆扎机_封箱机-东莞市中堡智能科技有限公司 | 长沙网站建设制作「网站优化推广」-网页设计公司-速马科技官网 | 加中寰球移民官网-美国移民公司,移民机构,移民中介,移民咨询,投资移民 | 慢回弹测试仪-落球回弹测试仪-北京冠测精电仪器设备有限公司 | 共享雨伞_共享童车_共享轮椅_共享陪护床-共享产品的领先者_有伞科技 | 石膏基自流平砂浆厂家-高强石膏基保温隔声自流平-轻质抹灰石膏粉砂浆批发-永康市汇利建设有限公司 | 哈希余氯测定仪,分光光度计,ph在线监测仪,浊度测定仪,试剂-上海京灿精密机械有限公司 | 无机纤维喷涂棉-喷涂棉施工工程-山东华泉建筑工程有限公司▲ | 纸张环压仪-纸张平滑度仪-杭州纸邦自动化技术有限公司 | 天津蒸汽/热水锅炉-电锅炉安装维修直销厂家-天津鑫淼暖通设备有限公司 | 南汇8424西瓜_南汇玉菇甜瓜-南汇水蜜桃价格 | 一体化预制泵站-一体化提升泵站-一体化泵站厂家-山东康威环保 | 阀门智能定位器_电液动执行器_气动执行机构-赫尔法流体技术(北京)有限公司 | 河南卓美创业科技有限公司-河南卓美防雷公司-防雷接地-防雷工程-重庆避雷针-避雷器-防雷检测-避雷带-避雷针-避雷塔、机房防雷、古建筑防雷等-山西防雷公司 | 焊锡丝|焊锡条|无铅锡条|无铅锡丝|无铅焊锡线|低温锡膏-深圳市川崎锡业科技有限公司 | GEDORE扭力螺丝刀-GORDON防静电刷-CHEMTRONICS吸锡线-上海卓君电子有限公司 | 理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 铝合金重力铸造_铝合金翻砂铸造_铝铸件厂家-东莞市铝得旺五金制品有限公司 | 乐之康护 - 专业护工服务平台,提供医院陪护-居家照护-居家康复 | 北京京云律师事务所 | 上海律师咨询_上海法律在线咨询免费_找对口律师上策法网-策法网 广东高华家具-公寓床|学生宿舍双层铁床厂家【质保十年】 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 交通信号灯生产厂家_红绿灯厂家_电子警察监控杆_标志杆厂家-沃霖电子科技 | 西门子气候补偿器,锅炉气候补偿器-陕西沃信机电工程有限公司 | 深圳APP开发公司_软件APP定制开发/外包制作-红匣子科技 | 快干水泥|桥梁伸缩缝止水胶|伸缩缝装置生产厂家-广东广航交通科技有限公司 | 桁架楼承板-钢筋桁架楼承板-江苏众力达钢筋楼承板厂 | 内窥镜-工业内窥镜厂家【上海修远仪器仪表有限公司】 | 99文库_实习生实用的范文资料文库站| 光伏支架成型设备-光伏钢边框设备-光伏设备厂家 | 曙光腾达官网-天津脚手架租赁-木板架出租-移动门式脚手架租赁「免费搭设」 | 二手注塑机回收_旧注塑机回收_二手注塑机买卖 - 大鑫二手注塑机 二手光谱仪维修-德国OBLF光谱仪|进口斯派克光谱仪-热电ARL光谱仪-意大利GNR光谱仪-永晖检测 | 气体检测仪-氢气检测仪-可燃气体传感器-恶臭电子鼻-深国安电子 | 变压器配件,变压器吸湿器,武强县吉口变压器配件有限公司 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | 华禹护栏|锌钢护栏_阳台护栏_护栏厂家-华禹专注阳台护栏、楼梯栏杆、百叶窗、空调架、基坑护栏、道路护栏等锌钢护栏产品的生产销售。 | 一氧化氮泄露报警器,二甲苯浓度超标报警器-郑州汇瑞埔电子技术有限公司 | 苏州注册公司_苏州代理记账_苏州工商注册_苏州代办公司-恒佳财税 |