2011-02-10 5 views
8

TinyMCE의 문서에서 관련 정보를 찾을 수 있다면이 질문에 대한 대답은 훨씬 쉽습니다. 그렇지만 그렇게 할 수는 없습니다. 내가하고 싶은 것은 다음TinyMCE 대화 상자를 만드는 방법은 무엇입니까?

  1. 사용자 중 하나 TinyMCE에 편집기에서 텍스트를 선택하거나하지
  2. 사용자는
  3. 대화는 세 개의 필드 중 하나에서 선택한 텍스트를 표시하는 버튼을 클릭 (내가 원하는
  4. 사용자가 확인을 클릭하면 마법이 발생하고 새로 변경된 내용으로 편집기로 다시 전송됩니다.

그래서 기본적으로 적어도 필요한 것은 팝업 작업을 만드는 방법을 아는 것입니다. 문제는 : "tinymce popup", "tinymce dialog", "tinymce prompt user"로 검색하는 것은 내가 볼 수있는 유용한 것은 아무것도 없다는 것입니다.

답변

4

이와 같은 작업을 수행하는 가장 깨끗한 방법은 TinyMCE 플러그인을 사용하는 것입니다.

TinyMCE 사이트에는 tutorial to creating a plugin이 있습니다. 여기에는 TinyMCE 다운로드 패키지의 일부인 플러그인이 사용됩니다.

좋은 소식은 예제 플러그인이 선택한 텍스트를 가져 와서 대화 상자에 표시한다는 것입니다. 이것은 당신에게 기본 프레임 워크를 제공해야합니다.

+1

일이 링크는 죽은 지금 :( – Thariama

+0

를 이동하는 방법입니다

// Open window editor.windowManager.open({ title: 'Example plugin', body: [ {type: 'textbox', name: 'title', label: 'Title'} ], onsubmit: function(e) { // Insert content when the window form is submitted editor.insertContent('Title: ' + e.data.title); } }); 

+1

새로운 링크는 https://www.tinymce.com/docs/advanced/ 있습니다 Creating-a-plugin/and https://www.tinymce.com/docs/advanced/creating-custom-dialogs/ – Gagaro

7

TinyMCE에서 대화 상자/프롬프트를 만드는 방법에 대한 자습서가 옮겨 졌으므로이 작업을 수행하는 방법의 몇 가지 예가 사라졌습니다. creating plugins and dialogs for TinyMCE 4을 다루는 새로운 자습서가 있습니다.

관련 부분은 다음과 같습니다

관련 문제