2016-10-14 1 views
0

모두!TinyMCE 용 플러그인 - 추가 된 코드를 제거하는 방법?

저는 TinyMCE 4를위한 약간의 플러그인을 작성하고 있습니다.
플러그인이하는 일은 이제 중요하지 않습니다. 페이지에 코드를 추가 할 수 있습니다.

... 내 문제는 ... 나도 에 대한 가능성이 추가 된 코드를 제거해야한다는,
내가 할 수 없습니다

다음

내 코드 :

tinymce.PluginManager.add('subpages', function(editor, url) { 
    editor.addButton('subpages', { 
     image: url + '/subpages.png', 
     title: 'Liste der Unterseiten', 
     onclick: function() { 
      editor.insertContent('<div style="width: 100%">BLAH</div>'); 
     } 
    }); 
}); 

사용자가 페이지에서 추가 된 "DIV"를 제거 할 수 있도록하려면 어떻게해야합니까? 다른 플러그인
난 그냥
루카 Bertoncello 아마도

답변

0

당신이에 data- 속성을 추가 할 수있는 요소를 클릭하고 제거 할 수 있지만 내 요소는 ...

덕분에 많이 작동하지 않을 수 있습니다 그런 다음 JavaScript를 사용하여 div를 찾으십니까? 그런 다음 자바 스크립트를 통해 해당 DOM 요소를 콘텐츠에서 제거 할 수 있으며 나머지 콘텐츠는 변경되지 않습니다. 코드의 여러 인스턴스가 편집기에 표시 할 수있는 경우

하면 data- 속성은 고유 각각

<div data-myplugin-id="1">....</div> 
. 
. 
. 
<div data-myplugin-id="2">....</div> 

을 정의 할 수 있습니다 것입니다 ... 그래서 data-myplugin-id의 고유 값은 특별히 하나 하나를 타겟팅 할 수 것입니다 .

+0

안녕하세요. 당신은 내 문제를 이해하지 못했습니다 ... 어떻게 DOM에서 요소를 제거 할 수 있습니다. 내가 필요한 것은 TinyMCE **에서 이것을 클릭하고 제거 할 수 있도록이 요소를 어떻게 만들 수 있는지를 아는 것입니다! –