2017-11-21 5 views
0

私はWebアプリケーションでtinymce editorを使用しています。エディタにプレースホルダを追加する必要があります。私はそれについて5時間捜しました。しかし、私は解決策を見つけることができなかったか、または私はどのように理解できませんでした。 Tinymce Editorは私のプロジェクトスクリプトライブラリに添付されています。英語で間違いがあるとすみませます。tinymceのプレースホルダプラグインを追加するにはどうすればよいですか?

私は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" 
} 

})。

答えて

0

あなたのTinyMCEの設定では、TinyMCEをにアップデートする場合は、TinyMCEを4

ために建てられたのTinyMCE 3.xおよびプレースホルダあなたは(私はGitHubの中で見るその発行日とコード与え)を参照されているプラ​​グインを使用している暗示します4それはうまくいくはずです。

+0

ご返信ありがとうございます。私はそれを試してみましたが、今回はテーマプロパティのエラーがあります。上級テーマはgithub –

+0

で利用できませんTinyMCE 4には 'advanced'テーマはありません。デフォルトのテーマは 'modern'です:https://www.tinymce.com/docs/themes/modern/ V3からV4に移行する際には、TinyMCEの設定をいろいろ変更する必要があります。ご覧ください: https://www.tinymce.com/docs/advanced/migration-guide-from-3.x/ –

+0

ありがとうございました! 。私はそれをv3からv4に変換しました。 –

関連する問題