주석 편집기 내 요소에 호버 이벤트 추가

편집기를 내용으로 채우는 tinymce 플러그인이 있습니다.주석 편집기 내 요소에 호버 이벤트 추가

특정 인구 요소 = "hoverable"클래스가

내가

가 내가 온 클릭을 연결하는 방법을 알고 = "hoverable"클래스와 그 요소에 호버 이벤트에 함수를 연결하고 싶습니다

create 함수에서 ed.onClick.add를 사용하지만 ed.onHover.add 또는 ed.onMouseIn.add는 없습니다.

편집 : 메뉴에서 플러그인 단추를 누르면 내 플러그인이 실제로 대화 상자를 팝업합니다. 사용자는 대화 상자에서 일부 내용을 선택하여 편집기에 삽입합니다.

출처

2011-10-25 Hector Scout

'hoverable'클래스를 사용하여 편집기의 요소에 mouseover 핸들러를 추가 할 수 있습니다.

$(ed.getBody()).find('.hoverable').hover(function (evt){ /* do tooltip here */ });

jQuery here을 사용하여 간단한 툴팁을 만드는 방법을 찾을 수 있습니다. 편집자에게 선택한 내용을 추가 기능에서

출처

2011-10-26 08:38:09 Thariama

나는 플러그인이 create 함수가 호출 될 때 콘텐트가 이미 에디터에 있다면이 방법이 효과가있을 것이라고 확신한다. 나는이 질문에서 명확하게 밝히지는 않았지만, 내 경우에는 사용자가 메뉴에서 플러그인 버튼을 눌러서 팝업을 선택하기 전까지는 내용이 들어 가지 않습니다. 나는 이것과 꽤 비슷한 것을했다 (당신이 신경 쓰면 내 대답을 볼 수있다). –

나는 새로운 hoverable 일이 당신이 probalby 단지 .hover 사용할 수있는 다른 경우에 .live이 필요하므로 추가 할 수 있습니다 내 경우에는

tinymce.activeEditor.$('.hoverable').live('mouseover mouseout', function(evt) { 
    if (evt.type == 'mouseover') { 
     //do hover stuff 
    } 
    else { 
     //undo hover stuff 
    } 
}

을 추가했다.

출처

2011-10-26 18:26:27

주석 편집기 내 요소에 호버 이벤트 추가

답변

관련 문제