第三方對接135編輯器適用場(chǎng)景及方案

1.你的平臺有自己的內容發(fā)布管理平臺,但沒(méi)有編輯器

方案:使用135編輯器無(wú)縫集成企業(yè)插件,可以與現有系統無(wú)縫對接,同步135編輯器最新樣式,靈活地使用135編輯器的秒刷等功能操作。

查看企業(yè)插件集成說(shuō)明


2.你的平臺有自己的內容發(fā)布管理平臺和自己的編輯器

方案A:如果你需要替換掉平臺已有的編輯器,可以使用135編輯器的無(wú)縫集成企業(yè)插件。

方案B:如果你需要在自己的編輯器里使用135編輯器的樣式排版以及接入135制作的內容,調用135編輯器接口,用戶(hù)在135排版頁(yè)面點(diǎn)擊完成編輯,內容將直接同步到第三方編輯器。

查看135編輯器免費調用示例說(shuō)明

135編輯器免費調用示例

項目本身使用百度的ueditor編輯器,可免費集成外部調用135編輯器的方式來(lái)使用。也可申請與APPKEY,做到135用戶(hù)綁定的方式,實(shí)現打開(kāi)插件時(shí)免登錄。使用非ueditor編輯器的,集成方式可參看這里,如有任何疑問(wèn)可聯(lián)系QQ: 285694665,微信: hncszdb



1
下載插件

將插件的文件(135editor.js)下載到項目ueditor對應的目錄里,并將其加載到自己的網(wǎng)頁(yè)里(放在ueditor.all.min.js之后)

http://www.135editor.com/js/ueditor/plugins/135editor.js


2
修改配置文件


在ueditor.config.js中toolbars項里增加一個(gè)135editor菜單項,

toolbars:[

['bold','italic', 'underline', 'fontborder', 'strikethrough',  '135editor','rowspacingtop', 'rowspacingbottom', 'lineheight','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','superscript', 'subscript' ]],


3
增加CSS代碼

在自己的項目調用編輯器的網(wǎng)頁(yè)里中增加一段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個(gè)步驟后,調用方式的插件就已經(jīng)集成完畢了??稍谙旅娴臉永畜w驗。

  1. 請點(diǎn)擊下方工具欄“135”的按鈕來(lái)打開(kāi)135編輯器,

  2. 喚起135編輯器后,在編輯區域排版內容,點(diǎn)擊右側“完成編輯”就會(huì )將所有內容自動(dòng)返回到自己的編輯器里面。


體驗示例:

關(guān)于圖片訪(fǎng)問(wèn)

用戶(hù)通過(guò)135編輯器上傳的圖片,是存放在135編輯器的服務(wù)器上,當圖片被訪(fǎng)問(wèn)的時(shí)候,會(huì )消耗我們的服務(wù)器資源,所以135編輯器會(huì )禁止外站的圖片請求。

當用戶(hù)通過(guò)復制粘貼,把在135編輯器上制作的內容粘貼到第三方平臺上時(shí),圖片將會(huì )無(wú)法訪(fǎng)問(wèn)。

解決方案:第三方平臺實(shí)現圖片的轉存功能,和微信后臺一樣,在內容被粘貼到UEditor編輯器后,自動(dòng)識別里面的圖片鏈接,并存儲到自己的服務(wù)器上,具體請查閱UEditor關(guān)于圖片本地化的文檔。


亚洲欧洲美洲无码精品_a国产在线V的不卡视频_久爱免费观看在线精品_日本三级全黄少妇三级三级三级