第三方對接135編輯器適用場景及方案
1.你的平臺有自己的內(nèi)容發(fā)布管理平臺，但沒有編輯器
方案：使用135編輯器無縫集成企業(yè)插件，可以與現(xiàn)有系統(tǒng)無縫對接，同步135編輯器最新樣式，靈活地使用135編輯器的秒刷等功能操作。
2.你的平臺有自己的內(nèi)容發(fā)布管理平臺和自己的編輯器
方案A：如果你需要替換掉平臺已有的編輯器，可以使用135編輯器的無縫集成企業(yè)插件。
方案B：如果你需要在自己的編輯器里使用135編輯器的樣式排版以及接入135制作的內(nèi)容，調(diào)用135編輯器接口，用戶在135排版頁面點擊完成編輯，內(nèi)容將直接同步到第三方編輯器。
項目本身使用百度的ueditor編輯器，可免費集成外部調(diào)用135編輯器的方式來使用。也可申請與APPKEY，做到135用戶綁定的方式，實現(xiàn)打開插件時免登錄。使用非ueditor編輯器的，集成方式可參看這里，如有任何疑問可聯(lián)系QQ: 285694665，微信: hncszdb
將插件的文件（135editor.js）下載到項目ueditor對應的目錄里，并將其加載到自己的網(wǎng)頁里(放在ueditor.all.min.js之后)
http://www.135editor.com/js/ueditor/plugins/135editor.js
在ueditor.config.js中toolbars項里增加一個135editor菜單項，
|
toolbars:[ ['bold','italic', 'underline', 'fontborder', 'strikethrough', '135editor','rowspacingtop', 'rowspacingbottom', 'lineheight','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','superscript', 'subscript' ]], |
在自己的項目調(diào)用編輯器的網(wǎng)頁里中增加一段CSS
<style>
.edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{
background-image: url("https://static.135editor.com/img/icons/editor-135-icon.png") !important;
background-size: 85%;
background-position: center;
background-repeat: no-repeat;
}
</style>
完成上述3個步驟后，調(diào)用方式的插件就已經(jīng)集成完畢了?？稍谙旅娴臉永畜w驗。
-
請點擊下方工具欄“135”
的按鈕來打開135編輯器，
-
喚起135編輯器后，在編輯區(qū)域排版內(nèi)容，點擊右側(cè)“完成編輯”
就會將所有內(nèi)容自動返回到自己的編輯器里面。
用戶通過135編輯器上傳的圖片，是存放在135編輯器的服務器上，當圖片被訪問的時候，會消耗我們的服務器資源，所以135編輯器會禁止外站的圖片請求。
當用戶通過復制粘貼，把在135編輯器上制作的內(nèi)容粘貼到第三方平臺上時，圖片將會無法訪問。
解決方案：第三方平臺實現(xiàn)圖片的轉(zhuǎn)存功能，和微信后臺一樣，在內(nèi)容被粘貼到UEditor編輯器后，自動識別里面的圖片鏈接，并存儲到自己的服務器上，具體請查閱UEditor關(guān)于圖片本地化的文檔。