UEdit 使用總結(jié)

最近項(xiàng)目中頻繁使用到 uedit缤至,在使用中遇到一些磕磕絆絆的事。記錄一下.

1 康谆、渲染問題

UEdit自帶的渲染方法為editor.render(id)领斥,但這個(gè)方法只能調(diào)用一次。當(dāng)頁面中存在多個(gè)多個(gè)需要渲染的DOM節(jié)點(diǎn)時(shí)沃暗,這個(gè)方法就愛莫 能助了月洛。在API里翻騰了許久后,嘗試使用UE.getEditor(id)這個(gè)方法孽锥。該方法存在偶發(fā)性報(bào)錯(cuò)問題(并不嚴(yán)重的錯(cuò)誤嚼黔,而且未能確定是由該方 法引起的),代碼如下:

for(var i = 0;i<plan_content.length;i++){
    pc_only = $(plan_content[i]);
    UEditArray[i] = UE.getEditor(pc_only.attr('id'));           
}

那個(gè)偶發(fā)性錯(cuò)誤如果在以后的使用中找到處理方法细层,會(huì)及時(shí)更新。這個(gè)問題不會(huì)影響功能唬涧。

2疫赎、 內(nèi)容問題

在 使用中需要對(duì)uedit中的內(nèi)容進(jìn)行為空驗(yàn)證,經(jīng)測(cè)試在UEdit中編輯的內(nèi)容會(huì)在失焦時(shí)將值存入原textarea的val屬性中碎节。官網(wǎng)提供 有.getContent()方法來提供手動(dòng)獲取數(shù)據(jù)捧搞。我現(xiàn)在采用的方法是當(dāng)鼠標(biāo)移出UEdit區(qū)域后就調(diào)用該方法,畢竟嘛狮荔,你總不至于把提交按鈕放到 UEdit上面吧胎撇。單片代碼看起來可能有點(diǎn)暈,我粘個(gè)完整點(diǎn)的代碼殖氏。

/*
        @UeditInit:初始化頁面中的UEdit插件
        并循環(huán)當(dāng)前uedit容器晚树,為其分類提供鼠標(biāo)移出事件;
    */
    UEditInit: function(){
        var plan_content = $('.plan_content');
        try{
            var editor = new UE.ui.Editor();                
            if(plan_content && plan_content.length> 0){
                var pc_only;
                for(var i = 0;i<plan_content.length;i++){
                    pc_only = $(plan_content[i]);
                    pc_only.attr('pc_Index',i); //為鼠標(biāo)移出事件受葛,提供索引
                    pc_only.parents('.form_element').addClass('UEditArea');  //為提供鼠標(biāo)移出事件题涨,提供元素標(biāo)識(shí)
                    UEditArray[i] = UE.getEditor(pc_only.attr('id'));
                    //editor.render($(plan_content[i]).attr('id'));  使用UEdit官網(wǎng)上的部署編輯器方法替換render【渲染編輯器的DOM到指定容器】
                    
                    }
                /**
                    為當(dāng)前全部uedit容器提供鼠標(biāo)移出事件;
                    事件發(fā)生時(shí)总滩,將uedit內(nèi)容放至對(duì)應(yīng)的textarea中
                */
                }           
                var UEditArea = $('.UEditArea');//獲取當(dāng)前所有使用uedit編輯器的父容器  纲堵,所用class是在初始化ueidt時(shí)通過循環(huán)加上去的
                UEditArea.mouseleave(function(){
                    var _this = $(this);
                    var tmp_textarea =  _this.find('textarea');
                    var pc_Index = Number(tmp_textarea.attr('pc_Index'));
                    tmp_textarea.val(UEditArray[pc_Index].getContent());
                    });
                    
            }catch(e){
                console.log('%cUEditInit出現(xiàn)異常,異常為:'+e,'color:#f00');
            }finally{
                                    
                    }   
        }

其它的API上都有介紹闰渔,使用起來按API上面走就可以了席函。希望上面寫的對(duì)各位有所幫助,有一同使用這個(gè)插件的有問題可以留言交流冈涧。

@拭目以待

表格管理插件:gridmanager.lovejavascript.com && github地址
QQ交流群 (452781895):How To Make Love

《野生前端工程師》專輯中所有文章均為@拭目以待 原創(chuàng)茂附,轉(zhuǎn)載請(qǐng)注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末督弓,一起剝皮案震驚了整個(gè)濱河市营曼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌愚隧,老刑警劉巖蒂阱,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異狂塘,居然都是意外死亡录煤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門荞胡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來妈踊,“玉大人,你說我怎么就攤上這事泪漂±扔” “怎么了歪泳?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長赘风。 經(jīng)常有香客問我夹囚,道長纵刘,這世上最難降的妖魔是什么邀窃? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮假哎,結(jié)果婚禮上瞬捕,老公的妹妹穿的比我還像新娘。我一直安慰自己舵抹,他們只是感情好肪虎,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著惧蛹,像睡著了一般扇救。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上香嗓,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天迅腔,我揣著相機(jī)與錄音,去河邊找鬼靠娱。 笑死沧烈,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的像云。 我是一名探鬼主播锌雀,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼迅诬!你這毒婦竟也來了腋逆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤侈贷,失蹤者是張志新(化名)和其女友劉穎惩歉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體铐维,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柬泽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了嫁蛇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锨并。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖睬棚,靈堂內(nèi)的尸體忽然破棺而出第煮,到底是詐尸還是另有隱情解幼,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布包警,位于F島的核電站撵摆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏害晦。R本人自食惡果不足惜怒允,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一雳灾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦万哪、人聲如沸帘撰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至殴俱,卻和暖如春政冻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背线欲。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國打工明场, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人询筏。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓榕堰,卻偏偏與公主長得像,于是被迫代替她去往敵國和親嫌套。 傳聞我的和親對(duì)象是個(gè)殘疾皇子逆屡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容