2. 程式人生 > >requirejs整合百度編輯器ueditor

requirejs整合百度編輯器ueditor

阿新 • • 發佈：2019-01-09
Ueditor版本:1.4.3.1 關鍵點： 1. 利用requirejs的shim載入editor.all.js並匯出到全域性變數 2. 通過shim的deps載入 ueditor.config.js 和 ZeroClipboard.min.js 3. 利用init回撥方法將ZeroClipboard匯出到window物件中，避免因為requirejs導致ZeroClipboard沒有加入window物件中，進而導致ueditor找不到ZeroClipboard報錯的問題 4. 通過UEDITOR_HOME_URL定義編輯器資原始檔根路徑 具體如下： 1. 配置ueditor模組路徑 在requirejs.config的paths引數中，配置ueditor模組中相關檔案的路徑：
paths: { 'baidueditor': '/assets/libs/ueditor/ueditor.all', 'ueditorconfig': '/assets/libs/ueditor/ueditor.config', 'zeroclipboard': '/assets/libs/ueditor/third-party/zeroclipboard/ZeroClipboard' } 2. 配置ueditor依賴模組 在requirejs.config的shim引數中，配置ueditor依賴模組： shim: { 'baidueditor': { //注意：此處的依賴順序不能顛倒 deps: ['zeroclipboard','ueditorconfig'],
exports: 'UE', init:function(ZeroClipboard){ //匯出到全域性變數，供ueditor使用 window.ZeroClipboard = ZeroClipboard; } } } 3. 定義Ueditor編輯器資原始檔根路徑 在ueditor.config.js檔案中，定義Ueditor編輯器資原始檔根路徑： (function () { window.UEDITOR_HOME_URL = "/assets/libs/ueditor/"; var URL = window.UEDITOR_HOME_URL || getUEBasePath(); ... })();
4. 如何使用 <script id="container" name="content" type="text/plain"></script> <script type="text/javascript"> require(['baidueditor'],function (UE) { var editor = UE.getEditor('container'); }); </script>

相關推薦

requirejs整合百度編輯器ueditor

Ueditor版本:1.4.3.1 關鍵點： 1. 利用requirejs的shim載入editor.all.js並匯出到全域性變數 2. 通過shim的deps載入 ueditor.config.j

rails 整合百度編輯器ueditor

把編輯器放到public目錄下， 我是下載的php版本， 在php版本中使用的路徑為/ueditor/php/controller.php?action=config，因為怕於rails的action衝突，我把action改為了act位於ueditor.all.js的大概80

SpringMVC 整合 百度編輯器UEditor

1、下載UEditor，這裡選擇JSP(UTF8)版本和完整原始碼 。在你的專案中引入JSP(UTF8)版本的檔案和完整原始碼對應的jsp原始碼。 2、使用maven引入對應的jar包(也可以同過直接引用ueditor自帶的包) <!--

帝國cms 整合百度編輯器ueditor完整教程(圖文)

一、UEditor簡介    帝國cms自帶文字編輯器是fckeditor，用起來效果不太理想。    百度也推出了自己的編輯器UEditor    UEditor是由WEB前端研發部開發的所見即所得的開源富文字編輯器，具有輕量、可定製、使用者體驗優秀等特點。開源基於BSD協議，所有原始碼在協

百度編輯器-Ueditor

域名 換工作 目錄 as3 表單 內部 domain 增加 sun 作者：Lionden Lionden‘s Lion Den. 又一編輯神器-百度編輯器-Ueditor （Lionden<[email protecte

百度編輯器UEditor 點擊上傳圖片選擇框會延遲幾秒才會顯示 反應很慢(轉)

php 編輯 ued 效果 all edit www. 上傳 min 轉自：http://www.blogxuan.com/php/show/323.html UEditor 編輯器點擊上傳文件選擇框會延遲幾秒才會顯示，反應很慢，上傳圖片選擇框顯示很慢。 1、uedit

vue 中 使用百度編輯器 UEditor

oat his ole text 觸發 pan ont lec 通過 已有前輩整理，記錄URL: http://www.cnblogs.com/ocean-sky/p/7132319.html http://blog.csdn.net/psd_html/article

百度編輯器UEditor源碼模式下過濾div/style等html標簽

規則 開頭 lte 標簽 定位 ads 兩種 適用於 tlist UEditor在html代碼模式下，當輸入帶有<div style="">、<iframe>這類帶有html標簽的內容時，切換為編輯器模式後，會發現輸入的內容被刪除，自動過濾掉了。提供

百度編輯器ueditor插件的基本使用

tpframe thinkphp5 php 註意：該插件是基於tpframe開發，請在tpframe框架上使用 插件下載地址：https://pan.baidu.com/s/1MOJbd1goQC0Bn5-7HcIdKA 插件下載下來後解壓到addon插件目錄，然後進入後臺進行安裝即可 Uedi

百度編輯器ueditor 光標位置的坐標

sele code clas sta art play splay lec 記錄 項目需求： 輸入某個字符時，彈出一個彈框 彈框位置跟隨光標處 經查找，並測試下面記錄一下代碼： // 下面計算坐標 let domUtils = UE.dom.

百度編輯器Ueditor上傳控制元件相關問題解決

1、問題原因： 由於百度編輯器相關jar包裡面的class檔案在某些特殊的情況下無法完全引入，或者映入過後無法讀取config.json的配置檔案導致上傳的相關配置不正確。 2、解決辦法： 修改ueditor.config.js的配置讀取的控制器層介面地址（注：該地址用於返回上

百度編輯器ueditor爬坑記-------ie下初始化報錯

ueditor.all.js中有一個方法如下：         /**          * 渲染編輯器的DOM到指定容器          * @method render          * @param { Element } containerDom 直接指定容

百度編輯器ueditor更改圖片預設編輯工具

點選圖片編輯器默認出現的工具 需求是點選圖片不出現預設樣式，而是在編輯器外出現圖片屬性編輯框，需求效果如下 我的做法是在css裡面將默認出現的工具隱藏，然後直接在ueditor.all.js裡面修改Scale物件的show方法。原始碼如下： show: function (targetO

教你如何呼叫百度編輯器ueditor的上傳圖片、上傳檔案等模組

出於興趣愛好，前段時間自己嘗試寫了一個叫simple的cms，裡面使用了百度ueditor編輯器，發現它的多圖片上傳模組很不錯，用起來很方便，又可以選擇已經上傳好的圖片。正好我又是個懶人，發現有現成的自己就不想新開發了。於是我就想，是不是可以呼叫這個上傳模板為自己所用呢？

java web專案中使用百度編輯器UEditor

寬為限　緊用功　工夫到　滯塞通 目錄結構 部署包解壓後的檔案目錄結構如下所示 ueditor解壓後的目錄列表 dialogs: 彈出對話方塊對應的資源和JS檔案 lang: 編輯器國際化顯示的檔案 php或j

織夢DEDECMS百度編輯器Ueditor上傳圖片及下載遠端圖片無法加水印的解決方法

一、開啟 \include\ueditor\php\action_upload.php 找到include "Uploader.class.php";在下面新增：require_once("../../common.inc.php"); require_once("../..

百度編輯器Ueditor 初始化載入內容失敗解決辦法

專案上有用到百度文字編輯器ueditor,在頁面載入的時候初始化編輯器內容時候，使用 $.document.ready(function() { UE.getEditor('editor').setContent('歡迎光臨'); }) setConte

百度編輯器UEditor常用設定函式大全和注意事項

<!-- 轉載begin --> 線上文件對UEditor說明不夠全面，收集了一些常用的方法和基本設定，以供參考。 1、建立編輯器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化選項 }) 精簡版

百度編輯器UEditor常用設定函式大全

線上文件對UEditor說明不夠全面，收集了一些常用的方法和基本設定，以供參考。1、建立編輯器UE.getEditor('editor', { initialFrameWidth:"100%" //初始化選項 })精簡版 UE.getEditor('editor')2、刪除編輯器 UE.

百度編輯器ueditor初始化賦值

var ue = UE.getEditor('editor');//初始化物件 $(document).ready(function(){ var ue = UE.getEditor('editor'); var proinfo=$("#divdata").te