成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

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

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

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

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

下面我們進入正題。

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

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

  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指定了事件處理的回調函數。被調用的函數eventHandle有一個參數,就是響應的事件。下面我們來看一下我在項目寫的eventHandle函數。

  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.     }  

從上面的函數可以看出,參數event是一個事件對象,我們根據事件對象的類型,即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協同編輯

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

2011-05-11 10:27:42

文本編輯器

2012-09-29 11:38:27

編程工具文本編輯器編程

2022-01-18 09:35:36

GNOME編輯器Linux

2019-05-30 08:43:45

JavaScript富文本編輯器編輯器

2021-06-17 16:20:05

LinuxHelix文本編輯器
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 免费国产视频在线观看 | 亚洲福利av | 成人福利片 | 午夜精品在线观看 | 日韩理论电影在线观看 | 欧美精品一区二区免费 | 亚洲九九 | 国产精品视频专区 | 午夜免费福利电影 | 免费国产一区二区 | 欧美偷偷操 | 精品不卡 | 一级网站 | 干干干日日日 | 欧美日韩成人网 | 精品美女在线观看视频在线观看 | 天堂影院av| 日韩一区二区三区在线看 | 国产视频一区在线观看 | 国产成人一区在线 | 天天躁日日躁狠狠躁2018小说 | 久久综合一区二区 | 日本特黄特色aaa大片免费 | 夜夜爽99久久国产综合精品女不卡 | 成人三级av| 国产精品免费一区二区三区 | 久久久久国产精品 | 亚洲欧美中文日韩在线v日本 | 国产精品免费看 | 成人午夜免费福利视频 | 在线国产一区 | 91视频大全 | 精品亚洲一区二区三区四区五区 | 亚洲一区二区中文字幕 | 97视频人人澡人人爽 | av 一区二区三区 | 国产精品久久久久久网站 | 韩日有码 | 日韩一区二区在线视频 | 日韩精品一区二区三区在线观看 | 亚洲精品视频在线 |