2016-06-29 4 views
1

summernote은 내 사이트에 동적으로 추가됩니다. 즉, 사용자가 버튼을 클릭하면 summernote div 창이 나타납니다.AngularJS의 summernote에 onPaste 리스너를 추가하려면 어떻게해야합니까?

그리고 은 AngularJS를 사용하여 div에 대한 onPaste 수신기를 추가하려고합니다. 이 같은 리스너를 추가 할 jQuery를 사용하지

내가 할 : here

그냥 같은 모듈에 의존성을 주입 : 분명히

$(document).ready(function(){ 
    $('.summernote').summernote({ 
     onPaste: function(e){ 
      setTimeout(function (e) { 
       alert('pasted'); 
      }, 20); 
     } 
    }); 
}); 

답변

1

을, 이것에 대한 지침이 이 : angular.module('myApp', ['summernote']); 당신이 element로 사용할 수 있습니다 <summernote></summernote> 또는 attribute : <div summernote></div>

Here은 붙여 넣기를 포함하여 이벤트 리스너에 대한 링크입니다. 붙여 넣기 이벤트 핸들러를 연결할하기 위해

편집

, 당신은 속성으로 지시에 on-paste=paste()를 추가하고 컨트롤러 내부 사용자의 $ 범위에 해당 "붙여 넣기"기능을 추가해야합니다. 다음은 문서에 나와있는 완전한 예는 다음과 같습니다

<summernote on-init="init()" on-enter="enter()" on-focus="focus(evt)" 
     on-blur="blur(evt)" on-paste="paste()" on-keyup="keyup(evt)" 
     on-keydown="keydown(evt)" on-change="change(contents)" 
     on-image-upload="imageUpload(files)" editable="editable" 
     editor="editor"> 
    </summernote> 
+0

하지만가에-paste''설정하지 않을 summernote div' 모든'.. 어떻게 내가 수 :

function DemoController($scope) { $scope.init = function() { console.log('Summernote is launched'); } $scope.enter = function() { console.log('Enter/Return key pressed'); } $scope.focus = function(e) { console.log('Editable area is focused'); } $scope.blur = function(e) { console.log('Editable area loses focus'); } $scope.paste = function(e) { console.log('Called event paste'); } $scope.change = function(contents) { console.log('contents are changed:', contents, $scope.editable); }; $scope.keyup = function(e) { console.log('Key is released:', e.keyCode); } $scope.keydown = function(e) { console.log('Key is pressed:', e.keyCode); } $scope.imageUpload = function(files) { console.log('image upload:', files); console.log('image upload\'s editable:', $scope.editable); } } 

그리고 마크 업에서

'summenote div '에 대해'on-paste' 리스너를 설정 하시겠습니까? –

+0

그들은 우리가'function DemoController ($ scope) {$ scope.paste = function (e) {console.log ('호출 된 이벤트 붙여 넣기'); }}'을 사용하여 리스너를 추가하고'on-paste '에서 호출합니다. 그러나이 기능을 어디에 추가해야합니까? –

+0

@ZhipengYANG 내 편집을보세요. –