亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間:2020年07月20日 12:13:10   作者:飛翔在藍(lán)天下的蜂鳥(niǎo)  
這篇文章主要介紹了PHP環(huán)境下如何實(shí)現(xiàn)使用KindEditor編輯器上傳圖片,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

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

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

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

在這里插入圖片描述

在這里插入圖片描述

下面,我們就開(kāi)始集成圖片上傳功能吧。

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

/* 頁(yè)面已引入以下文件
 *	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, // 需自動(dòng)調(diào)整高度時(shí)配置
  resizeType: 1, //拖拽設(shè)置,詳情參考上述第3點(diǎn),初始化參數(shù)配置
  allowImageUpload: true, // 允許圖片上傳
  allowFileManager: true, // 允許文件管理
  wellFormatMode: false, // 不美化HTML數(shù)據(jù),kindeditor會(huì)自動(dòng)美化編輯器的html代碼,這樣我們輸入內(nèi)容之后生成的html會(huì)多很多的<br/>標(biāo)簽,如不需要可將此配置項(xiàng)設(shè)置為false.
  uploadJson: 'kindeditor/php/upload_json.php', // 配置文件上傳的接口文件的路徑,需要使用 本地上傳 圖片時(shí)需配置
  fileManagerJson : 'kindeditor/php/file_manager_json.php', // 配置網(wǎng)絡(luò)圖片加載的接口文件的路徑,需要使用 網(wǎng)絡(luò)圖片 加載圖片時(shí)需配置
  afterCreate : function() {
   this.loadPlugin('autoheight'); // 需自動(dòng)調(diào)整高度時(shí)使用
  },
  afterBlur: function(){ // 編輯器失去焦點(diǎn)時(shí)將數(shù)據(jù)同步到textarea
   this.sync(); // sync的詳細(xì)作用可參考上述第2點(diǎn),編輯器的基本使用
  }
 });
})

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

//文件保存目錄路徑
$save_path = $php_path . '../attached/';
//文件保存目錄URL
$save_url = $php_url . '../attached/';
//定義允許上傳的文件擴(kuò)展名
$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本地上傳的圖片默認(rèn)會(huì)上傳到 kindeditor/attached/ 下面,如果attached目錄不存在,則會(huì)上傳失敗。我們可以根據(jù)自身代碼目錄指定本地上傳的目錄。

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

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

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

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

相關(guān)文章

最新評(píng)論