日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
富文本編輯器tinymce的事件處理

最近在做房產(chǎn)項(xiàng)目的時(shí)候，使用到了文本編輯器tiny mce，由于要做js的驗(yàn)證，所以就開(kāi)始研究tiny mce，在度娘和谷歌搜索了半天，發(fā)現(xiàn)關(guān)于tiny mce的事件處理特別少，官方文檔又是英文的api，所以我就把我的解決方法貼出來(lái)，供遇到相同問(wèn)題的朋友參考，希望對(duì)你有所幫助。

提前說(shuō)明一下，關(guān)于tiny mce編輯器的安裝，我就不做過(guò)多介紹了，網(wǎng)上還是有不少這方面的資料的。

下面我們進(jìn)入正題。

富文本編輯器tiny mce的事件處理

首先，我們需要在初始化編輯器的時(shí)候，指定事件處理的回調(diào)函數(shù)，代碼如下：

 
 
 
    
  
  
  
  1. tinyMCE.init({  
    2.   
  
  
  2.     mode : "exact",  
    3.   
  
  
  3.     theme : "mytheme",  
    4.   
  
  
  4.     language : "se",  
    5.   
  
  
  5.     elements : "elm1,elm2",  
    6.   
  
  
  6.     handle_event_callback : 'eventHandle',  
    7.   
  
  
  7. }); 
    8.

其中，handle_event_callback指定了事件處理的回調(diào)函數(shù)。被調(diào)用的函數(shù)eventHandle有一個(gè)參數(shù)，就是響應(yīng)的事件。下面我們來(lái)看一下我在項(xiàng)目寫(xiě)的eventHandle函數(shù)。

 
 
 
    
  
  
  
  1. function eventHandle(event)  
    2.   
  
  
  2. {  
    3.   
  
  
  3.     if(event.type == 'click' || event.type == 'keyup'){  
    4.   
  
  
  4.         var cur_html = tinyMCE.get('content').getContent();  
    5.   
  
  
  5.         if(!cur_html){  
    6.   
  
  
  6.             tiny_mce_check.ShowWrong('#content', "請(qǐng)輸入簡(jiǎn)介", "plus_c");  
    7.   
  
  
  7.             tiny_mce_check.isinfo = false;  
    8.   
  
  
  8.             return false;  
    9.   
  
  
  9.         }  
    10.   
  
  
  10.         tiny_mce_check.isinfo = 1;  
    11.   
  
  
  11.         tiny_mce_check.ShowWrong('#content', '', 'pw_success');  
    12.   
  
  
  12.     }  
    13.   
  
  
  13. } 
    14.

從上面的函數(shù)可以看出，參數(shù)event是一個(gè)事件對(duì)象，我們根據(jù)事件對(duì)象的類型，即event.type來(lái)判斷當(dāng)前的事件。在這里click事件是當(dāng)我們將鼠標(biāo)焦點(diǎn)定位在編輯器中，keyup事件是鍵盤(pán)彈起。關(guān)于具體的event對(duì)象響應(yīng)，你可以使用console.log(event)在火狐瀏覽器的控制臺(tái)中查看。

結(jié)合tiny mce做前端js驗(yàn)證的關(guān)鍵就是編輯器內(nèi)置的事件對(duì)象，找到了問(wèn)題關(guān)鍵所在，就可以輕松搞定js驗(yàn)證的問(wèn)題了！

原文鏈接：http://www.phpfuns.com/scripts/tinymce_javascript_validation.shtml


新聞名稱：富文本編輯器tinymce的事件處理
轉(zhuǎn)載來(lái)源：http://m.5511xx.com/article/djeeeho.html