tinymce 용 플레이스 홀더 플러그인을 어떻게 추가 할 수 있습니까?

Question

웹 응용 프로그램에서 tinymce 편집기를 사용하고 있습니다. 에디터에 자리 표시자를 추가해야합니다. 나는 그것에 대해 5 시간 동안 수색했다. 하지만 어떤 해결책을 찾을 수 없거나 어떻게 이해할 수 없었습니다. Tinymce Editor는 내 프로젝트 스크립트 라이브러리에 첨부되어 있습니다. 영어로 실수가 있으면 유감입니다.

나는 placeholder plugin에서 사용할 수있는 해결책을 시도했다. 그러나 나는 그것을 작동시킬 수 없었다. 내 tiny_mce/plugins 폴더에 추가 할 때 몇 가지 오류가 발생했습니다.

오류 : editor.on은 기능이 아닙니다. (plugin.js)

나를 도와 줄 수 있습니까?

그것은 tinymce.init되어 코드 블록 :

tinyMCE.init({ 
// General options 
language: "<%=sm.getVendorUser().getLanguage()%>", 
mode : "specific_textareas", 
editor_selector : "tinyMCEClass", 
theme : "advanced", 
relative_urls : false, 
plugins : "fullpage,autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks", 

// Theme options 
theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect", 
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 
theme_advanced_buttons3 : "tablecontrols",//,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 
//theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks", 
theme_advanced_toolbar_location : "top", 
theme_advanced_toolbar_align : "left", 
theme_advanced_statusbar_location : "bottom", 
theme_advanced_resizing : true, 

// Example content CSS (should be your site CSS) 
content_css : "../styles/vedi.css", 

// Drop lists for link/image/media/template dialogs 
template_external_list_url : "lists/template_list.js", 
external_link_list_url : "lists/link_list.js", 
external_image_list_url : "lists/image_list.js", 
media_external_list_url : "lists/media_list.js", 

// Style formats 
style_formats : [ 
    {title : 'Bold text', inline : 'b'}, 
    {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}}, 
    {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}}, 
    {title : 'Example 1', inline : 'span', classes : 'example1'}, 
    {title : 'Example 2', inline : 'span', classes : 'example2'}, 
    {title : 'Table styles'}, 
    {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'} 
], 

// Replace values for the template plugin 
template_replace_values : { 
    username : "Some User", 
    staffid : "991234" 
} 

});

Answer 1

귀하의 TinyMCE를 구성하면 TinyMCE에로 업데이트하면 당신이 TinyMCE에 4

위해 지어진 TinyMCE에 3.x 및 자리 표시 자 당신이 (내가 GitHub의에서 볼 발행일 및 코드 부여) 참조하는 플러그인을 사용하는 의미 것 4 그것이 효과가있다.