2010-04-12 61 views
3

我安裝了TinyMCE,我有文本框和功能工作(如),但我沒有看到顯示所有圖標的工具框。像這樣example。 如何顯示圖像?我所擁有的就是文本框。我使用示例鏈接中的代碼,他們有圖像,我擁有的是文本框。我可以編輯哪些部分以查看圖標?如何獲取TinyMCE的圖標?

//my source link 
    <script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"> 
tinyMCE.init({ 

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

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

回答

4

嘿的這條線是非常重要的。一對夫婦的事情,應該幫助(我相信第一個項目將解決您的問題):

  1. 無論是在你的初始化腳本的最後一行不應該有一個逗號。這將導致一些瀏覽器顯示沒有(0)按鈕。例如,在最後一行末尾有逗號:media_external_list_url : "/tinymce/examples/lists/media_list.js",

  2. 確保您的list_url路徑正確。

  3. 無論你使用什麼主題,你仍然可以定義每個按鈕和位置。您可以從「高級」主題開始,在init括號後面粘貼下面的按鈕模板,並將其編輯爲表單所需的內容(但要記住確保init部分的最後一行沒有逗號):

<script type="text/javascript"> 
tinyMCE.init({ 

mode : "textareas", 
theme : "advanced", 
plugins : "safari,spellchecker,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,imagemanager,filemanager", 

theme_advanced_buttons1 : "save,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,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", 

theme_advanced_toolbar_location : "top", 
theme_advanced_toolbar_align : "left", 
theme_advanced_statusbar_location : "bottom", 
theme_advanced_resizing : true, 


content_css : "style12.css", 

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

}); 
</script> 

如果你只是想最基本的設置,你可以使用這個初始化:

<script type="text/javascript"> 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "simple" 
    }); 
</script> 
1

看看你鏈接到的例子的源代碼。
它應該工作...

,如果你想了很多按鈕

theme : "advanced" 
0

我想您所遇到的主要問題是,你正在申請代碼在加載代碼的標籤內發生了變化。您應該關閉腳本標記,然後應用新的腳本標記,一個不加載另一個文件的應用程序,並在其中應用您的頁內腳本。請記住,加載文件(單獨的標籤),然後將調用應用於加載的代碼。

<script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
...code... 
</script>