<del id="trtrl"><mark id="trtrl"></mark></del>

    <sub id="trtrl"><delect id="trtrl"><big id="trtrl"></big></delect></sub>

    <track id="trtrl"><sub id="trtrl"><menuitem id="trtrl"></menuitem></sub></track>
      <nobr id="trtrl"><address id="trtrl"></address></nobr>

      <thead id="trtrl"></thead><video id="trtrl"></video>

      <rp id="trtrl"></rp>
        <progress id="trtrl"><th id="trtrl"></th></progress>

            <big id="trtrl"></big>

              第三方對接135編輯器適用場景及方案

              1.你的平臺有自己的內容發布管理平臺,但沒有編輯器

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

              查看企業插件集成說明


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

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

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

              查看135編輯器免費調用示例說明

              135編輯器免費調用示例

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



              1
              下載插件

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

              http://www.135editor.com/js/ueditor/plugins/135editor.js
              view-source:http://www.135editor.com/js/ueditor/dialogs/135editor/135EditorDialogPage.html 

              //由于百度統計變更,影響直接觸發“完成編輯”返回。老版本使用的用戶,需要在135EditorDialogPage.html文件的40行增加一行代碼。


              window.addEventListener('message', function (event) {

                    if (typeof event.data !== 'string') return;  // 增加此行代碼

                    editor.setContent(event.data);

                    dialog.close();

                }, false);


              2
              修改配置文件


              在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' ]],


              3
              增加CSS代碼

              在自己的項目調用編輯器的網頁里中增加一段CSS

              <style>

              .edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{

                  background-image: url("https://135editor.cdn.bcebos.com/img/icons/editor-135-icon.png") !important;

                  background-size: 85%;

                  background-position: center;

                  background-repeat: no-repeat;

              }

              </style>


              完成上述3個步驟后,調用方式的插件就已經集成完畢了??稍谙旅娴臉永畜w驗。

              1. 請點擊下方工具欄“135”的按鈕來打開135編輯器,

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


              體驗示例:

              關于圖片訪問

              用戶通過135編輯器上傳的圖片,是存放在135編輯器的服務器上,當圖片被訪問的時候,會消耗我們的服務器資源,所以135編輯器會禁止外站的圖片請求。

              當用戶通過復制粘貼,把在135編輯器上制作的內容粘貼到第三方平臺上時,圖片將會無法訪問。

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


              饥渴人妻欲求不满在线_九九热在线视频精品_思思久久99热只有频精品66_未满12周岁做a片