vue中使用UEditor富文字首次載入正常，第二次無法正常載入

阿新 • • 發佈：2018-12-06

網上看到一些方法

1.可以在每次載入前刪除

mounted(){
    UE.delEditor('editor');
    this.ue = window.UE.getEditor('editor');
}

2.可以每次載入渲染

mounted(){
    this.ue = window.UE.getEditor('editor');
    this.ue.render('editor');
}

上面兩個方法，第二種第一次載入時出現了兩個文字編輯器，而且控制檯報錯，雖然不影響功能，但感覺怪怪的，而是用第一種則沒有該問題，推薦第一種

網上看到一些方法 1.可以在每次載入前刪除 mounted(){ UE.delEditor('editor'); this.ue = window.UE.getEditor('editor')

今天專案上要用到ueditor，我在使用中遇到了一些問題，最後解決。在WebContent目錄新建資料夾ueditor1_4_3，右鍵資料夾import->File System->Next->Browse->選擇你下載的ueditor整個目錄

困擾了很久很久的問題，轉載這位哥們的http://blog.csdn.net/zrk1000/article/details/46865093 補充一下，用了新框架vue.js，用vue-cli做開發，切換每個不同的元件，也會出現這種問題，解決方法是在元件生命週期里加上就可

將Ueditor整合到YII框架中後，參照editor_config.js中的toolbars中的內容，更改options中標籤可以給編輯器新增想要的功能：因此要想新增檔案和圖片上傳功能，應該加入以下兩個標籤：文字編輯器中便出現了對應的兩個選項：但是點選上傳圖片按

import E from 'wangeditor' export default { name: 'editor', data () { return { editor: null, } },

最近專案中需要用到富文字編輯器，並且客戶明確提出需要實現可以直接截圖貼上到文字框中。由於我們的前端是用react寫的，於是就去參考了知乎的實現，發現知乎的富文字框是可以直接貼圖進去的，但由於看不到原始碼，只能瀏覽器除錯看了一下，發現他就是一個可編輯的div，

提出問題使用UEditor-1.4.3中遇到第一次跳轉到使用UEditor的介面後，編輯器載入正常，返回後第二次再跳轉到這個介面就出現UEditor無法正常載入，看UEditor原始碼，發現這樣一段： /** * @file * @name UE

用jquery 繫結一個按鈕click事件後，第一次點選後，一切正常，第二次點選，竟然執行兩次，以後越來越多。後來檢視文件發現 jquery click 不是替換原有的function 而是接著新增，所以才會執行次數越來越多。這有就可以在新增之前要先解除cli

用jquery 繫結一個按鈕click事件後，第一次點選後，一切正常，第二次點選，竟然執行兩次，以後越來越多，後來檢視文件發現 jquery click 不是替換原有的function 而是接著新增，所以才

Ueditor專案下載地址：http://ueditor.baidu.com/website/ 這裡使用php版本（如果後端是java就下載完整版和php版，在完整原始碼版中有java的程式碼，

vue專案打包後引入的ueditor富文字編輯器，資源載入不正確如下圖：一個個解決： 1：ueditor.css ①如果用的是ueditor.all.js，在29336行修改如下： ②如果用的是ueditor.all.mai

先下載一個富文字編輯器（官網地址）在vue中新建一個editor.vue <template> <div> <script id="editor" type="text/plain"></script> </div

富文字編輯器有很多。好用的，不好用的，功能簡單的，功能複雜的。現在，我選擇的是百度的UEditor編輯器。這個編輯器的唯一有點就是功能多。比kindeditor 這些編輯器的功能要多。當然，像layui 提供的富文字框我沒有用，所以，現在不能拿來對比。因為當初想要用layui的時候，我套了一下

在前端開發的專案中，難免會遇到需要在頁面上整合一個富文字編輯器。那麼，如果你有這個需求，希望可以幫助到你。 vue是前端開發者所追捧的框架，簡單易上手，但是基於vue的富文字編輯器大多數太過於精簡。於是我將百度富文字編輯器放到vue專案中使用。效果圖如下前端精品教程：百度網盤下載廢話不多說。

1.首先下載靜態檔案 https://ueditor.baidu.com/website/download.html 2.然後，進行配置首先把官網下載的Ueditor資源，放入靜態資源src/static中。修改ueditor.config.js中的window.UEDITO

在前端開發的專案中。難免會遇到需要在頁面上整合一個富文字編輯器。那麼。如果你有這個需求。希望可以幫助到你 vue是前端開發者所追捧的框架，簡單易上手，但是基於vue的富文字編輯器大多數太過於精簡。於是我將百度富文字編輯器放到vue專案中使用。效果圖如下廢話

1.放入靜態資源並配置首先把官網下載的Ueditor資源，放入靜態資源src/static中。修改ueditor.config.js中的window.UEDITOR_HOME_URL配置，如下圖： 2.引入在main.js中引入 import '../sta

xadmin為django後臺管理系統admin的升級版，點選進入github 在對後臺進行編輯時，採用百度開源的富文字編輯器ueditor，本文采用djangoueditor，源程式點此進入。由於作者不再對其進行維護，這個版本不再適用於Python3版本，P

最近開發過程中遇到要某個商品新增描述的欄位。由於我們後臺使用的是nodejs開發。在網上找到了一個第三方的外掛UEditor UEditor 是由百度「FEX前端研發團隊」開發的所見即所得富文字web編輯器，具有輕量，可定製，注重使用者體驗等特點，開源基於MIT協議，

Ueditor富文字編輯器是在很多專案裡經常用到的框架，是百度開發團隊開發的一款很好用的富文字編輯器下面就是我在一個系統裡用到的，有了富文字編輯器，管理員使用起來不是很方便？所以本部落格介紹這個富文字編輯器的使用哈！覺得寫得不錯的請點贊哈，有建議歡迎提哈！^V^