偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

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

開發(fā) 前端
在這里click事件是當我們將鼠標焦點定位在編輯器中,keyup事件是鍵盤彈起。關于具體的event對象響應,你可以使用console.log(event)在火狐瀏覽器的控制臺中查看。

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

提前說明一下,關于tiny mce編輯器的安裝,我就不做過多介紹了,網上還是有不少這方面的資料的。

下面我們進入正題。

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

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

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

其中,handle_event_callback指定了事件處理的回調函數(shù)。被調用的函數(shù)eventHandle有一個參數(shù),就是響應的事件。下面我們來看一下我在項目寫的eventHandle函數(shù)。

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

從上面的函數(shù)可以看出,參數(shù)event是一個事件對象,我們根據(jù)事件對象的類型,即event.type來判斷當前的事件。在這里click事件是當我們將鼠標焦點定位在編輯器中,keyup事件是鍵盤彈起。關于具體的event對象響應,你可以使用console.log(event)在火狐瀏覽器的控制臺中查看。

結合tiny mce做前端js驗證的關鍵就是編輯器內置的事件對象,找到了問題關鍵所在,就可以輕松搞定js驗證的問題了!

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

責任編輯:張偉 來源: phpFuns
相關推薦

2023-04-17 11:03:52

富文本編輯器MTE

2016-09-23 20:30:54

Javascriptuiwebview富文本編輯器

2013-11-18 10:08:56

工具免費編程工具

2017-07-27 20:21:06

iOSUITableView富文本編輯器

2022-03-11 08:00:49

編輯器框架Draft.js

2023-05-11 07:34:36

Yjs協(xié)同編輯

2020-12-23 22:25:11

Vi文本編輯器Unix

2010-03-24 09:20:07

CentOS vi編輯

2020-04-09 19:07:12

Vuetiptap前端

2022-04-13 07:38:50

富文本編輯器設置表格列寬

2018-01-05 14:48:03

前端JavaScript富文本編輯器

2022-02-15 09:00:18

Vue編輯器字符串

2021-01-07 11:00:59

Sed文本編輯器Linux

2022-05-13 15:32:11

GNOME文本編輯器

2025-05-28 02:02:00

2012-09-29 11:38:27

編程工具文本編輯器編程

2022-01-18 09:35:36

GNOME編輯器Linux

2011-05-11 10:27:42

文本編輯器

2019-05-30 08:43:45

JavaScript富文本編輯器編輯器

2017-02-14 10:00:57

點贊
收藏

51CTO技術棧公眾號