前言
ueditor的bug太多了，為了避免大家浪費時間，把自己這幾天在擴充套件ueditor功能時遇到的問題總結一下，希望能幫到大家 ，我是在vue框架中使用的ueditor外掛程式，可能你在其他前端框架中使用，具體**可能有一點點不同，但實現邏輯一樣。我在做這些功能時主要參考了這幾個也基於ueditor擴充套件的編輯器：135編輯器、96編輯器等
pm提的各種需求如下：
ueditor等比縮放
ueditor中的所有都是按原圖的比例等比縮放
ueditor作者已經在github上提供了具體解決方法：
具體修改在ueditor.all.js 16995行(大致位置大家自己找吧) 或者 在ueditor.all.js搜尋 updatetargetelement 這個方法名也行
updatetargetelement: function ()
methods: , , , ]
window.ue.registerui('justifyjustifycenter', function (editor, uiname) )
return true
let items =
for (var i = 0; i < objitems.length; i++) , [42]) // [42]控制下拉框在工具欄的位置
// 設定字間距
setletterspacing () , , , ]
window.ue.registerui('replacekey', function (editor, uiname) )
return true
var items =
for (var i = 0; i < objitems.length; i++) , [33]) // [33]控制下拉框在工具欄的位置
created () 。
設定.edit-area {
width: 100%;
height: 100%;
overflow: auto;
這時，伸縮框可以正常定位了，但是出現滾動條時，工具欄也跟著滾動了
工具欄不能固定
第二步，固定工具欄
具體參靠以下**：
```.edit-area-box { /*工具欄的空盒子墊片，高度就是工具欄的高度，自己量~*/
width: 100%;
height: 110px;
.edit-area { /*編輯器的高度*/
width: 100%;
height: calc(100% - 110px);
overflow: auto;
/deep/ .edui-editor-*******box { /*編輯器工具欄固定定位，脫離文件流，位置自己調，記得設定寬度*/
position: fixed !important;
top: 20px !important;
width: 500px !important;
height: 100%;
overflow: auto;
/*這個也很重要，不知道是不是工具欄脫離文件流時引起的bug，就是出現滾動條時，輸入文字時，編輯區域頂部出現一段空白，我看了一下是個有高度的空盒子，估計是作者在出現滾動條時，計算了一下工具欄的高度，而我們的工具欄已經脫離文件流了，所以把這個空盒子的高度設定為auto就好了*/
/deep/ .edui-editor {
&.edui-default {
& > :first-child {
height: auto !important;
image.png
繼續改進！找到/themes/iframe.css ，加上
margin: 0 8px;
vue專案中使用百度富文字編輯器ueditor
第一步，安裝依賴，並且把ueditor整個資料夾放入public裡邊 第二步，在你需要編輯的地方引入，或者main.js中全域性引入 xx.vue檔案中寫入下面 建立編輯器。第三步，在script中引入 import vueueditorwrap from vue ueditor wrap 第四步，...
類的使用，物件的使用
一 類的使用 class student school luffycity def eat self print yes defdrink self print drink 檢視print student.dict 增student.teacher gaohui print student.dict...
messagebox的使用（使用整理）
定義 messagebox顯示乙個模態對話方塊，其中包含乙個系統圖示 一組按鈕和乙個簡短的特定於應用程式訊息，如狀態或錯誤的資訊。訊息框中返回乙個整數值，該值指示使用者單擊了哪個按鈕。messagebox hwnd hwnd text,caption pchar type word hwnd 訊息框...