注:按住Ctrl+F可以直接搜索問題和答案
企業(yè)定制說明
- 什么是365編輯器企業(yè)定制?
-
365編輯器企業(yè)定制是基于 ueditor百度編輯器 進(jìn)行的二次開發(fā)。
企業(yè)定制版將365編輯器基本操作功能全部整合,企業(yè)可以對(duì)接至內(nèi)部所使用的內(nèi)容發(fā)布業(yè)務(wù)系統(tǒng)。
使用編輯器企業(yè)定制版,無縫對(duì)接內(nèi)部業(yè)務(wù)系統(tǒng),靈活使用 各種功能,精美排版,節(jié)省時(shí)間,提高效率, 讓每篇文章的排版都像“私人定制”一樣高級(jí)。
- 調(diào)用需要注意哪些事項(xiàng)?
-
企業(yè)定制調(diào)用運(yùn)行的瀏覽器建議使用 Chrome,火狐等主流瀏覽器。
因ueditor百度編輯器包是php版本,故服務(wù)器需支持PHP運(yùn)行環(huán)境。
企業(yè)定制調(diào)用部署
- 服務(wù)器部署SDK開發(fā)包
-
下載SDK開發(fā)壓縮包,將解壓中的ueditor包文件部署到自身內(nèi)部業(yè)務(wù)系統(tǒng)服務(wù)器中。
- html頁(yè)面引入ueditor包
-
在html頁(yè)面中引入ueditor包中的js配置文件。
- 調(diào)用企業(yè)定制擴(kuò)展開發(fā)文件
-
在html頁(yè)面中調(diào)用365編輯器基于ueditor百度編輯器二次開發(fā)擴(kuò)展的css以及js文件,支持http以及https訪問。
<link rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://custom.365editor.com/static/js/demo/demo.min.js?version=7.7.5"></script>
- 在html中加載編輯器的容器
-
<script id="kolediter" name="content" style="width:800px;" type="text/plain"></script>
注:width寬度是編輯器容器以及素材區(qū)的總體寬度,可根據(jù)自身要求進(jìn)行修改。
- 在js文件中實(shí)例化編輯器
-
在js文件中實(shí)例化編輯器。
實(shí)例化配置參數(shù)說明
- 配置項(xiàng)說明
-
initialFrameHeight:{Number} 初始化編輯器高度
styleIcon:{String} 素材區(qū)頭部的logo圖標(biāo)地址鏈接,不填或?yàn)榭談t不展示logo
styleTitle:{String} 素材區(qū)頭部的title標(biāo)題,不填或?yàn)榭談t不展示title
styleShow:{Boolean} 是否默認(rèn)展示素材區(qū),true為默認(rèn)展示,false為默認(rèn)不展示
styleWidth:{Number} 素材區(qū)展示寬度
appkey:{String} 付費(fèi)獲取的appkey
上傳文件說明
- oss服務(wù)器配置
-
如果需要將上傳的視頻、音頻等文件保存到oss服務(wù)器,可在配置文件中進(jìn)行修改。
oss服務(wù)器配置文件路徑:/ueditor/php/ossconfig.php
- 上傳文件限制
-
圖片,音頻,視頻上傳配置可在文件:/ueditor/php/config.js?version=7.7.5on中進(jìn)行修改。
上傳文件大小請(qǐng)勿超過最大上傳限制。
前端代碼調(diào)用預(yù)覽
- js文件
-
// 將ueditor包部署到自身服務(wù)器中,調(diào)用自己服務(wù)器的文件,另需jquery庫(kù)的支持
<script type="text/javascript" src="/服務(wù)器目錄/ueditor/jquery.min.js?version=7.7.5"></script>
<script type="text/javascript" src="/服務(wù)器目錄/ueditor/ueditor.config.js?version=7.7.5"></script>
<script type="text/javascript" src="/服務(wù)器目錄/ueditor/ueditor.all.min.js?version=7.7.5"></script>
// 加載365編輯器企業(yè)定制擴(kuò)展的js文件
<script type="text/javascript" src="http://custom.365editor.com/static/js/demo/demo.min.js?version=7.7.5"></script>
- css文件
-
// 加載365編輯器企業(yè)定制擴(kuò)展的css文件
<link rel="stylesheet" type="text/css" />
- html代碼
-
// 一、form表單提交:將編輯器容器放入form表單中,設(shè)置好name值,提交表單時(shí),編輯器內(nèi)容會(huì)自動(dòng)提交
<div style="width:800px;margin:0 auto;" >
<form action="" method="post">
<script id="koleditor" name="content" style="width:800px;" type="text/plain"></script>
<div style="text-align:center;">
<input type="submit" value="提交" onclick="$(this.form).serialize();return true;">
</div>
</form>
</div>
// 二、ajax等接口請(qǐng)求調(diào)用:直接加載編輯器容器html代碼。
<script id="koleditor" name="content" style="width:800px;" type="text/plain"></script>
// 在js文件中,通過函數(shù) ue.getContent() 獲取編輯器內(nèi)容,賦值傳參給服務(wù)器接口。調(diào)用方式:
// ue.ready(function() {
// var content = ue.getContent();
// })
- js代碼
-
// 請(qǐng)聯(lián)系365管理人員獲取appkey,聯(lián)系qq: 2405774164
var ue = UE.getEditor('koleditor', {
initialFrameHeight: 540, // 初始化編輯器高度
styleIcon: "http://custom.365editor.com/static/images/owl.png", // 素材區(qū)頭部的logo圖標(biāo)地址鏈接,不填或?yàn)榭談t不展示logo
styleTitle: "此處可自定義企業(yè)icon以及標(biāo)題", // 素材區(qū)頭部的title標(biāo)題,不填或?yàn)榭談t不展示title
styleShow: true, // 是否默認(rèn)展示素材區(qū),true為默認(rèn)展示,false為默認(rèn)不展示
styleWidth: 360, // 素材區(qū)寬度
appkey: '365editor' // 付費(fèi)獲取的Appkey
});
- ueditor官網(wǎng)地址
-
ueditor官網(wǎng):http://fex.baidu.com/ueditor/
- ueditor文檔地址
-
ueditor文檔:http://ueditor.baidu.com/doc
-
完整企業(yè)版可定制解鎖更多功能。
如果有其它問題,或欲付費(fèi)完整企業(yè)版,請(qǐng)聯(lián)系qq:2405774164
邀請(qǐng)有禮,免費(fèi)送VIP