| 常規(guī)設置 |
| mode | Mode可以是以下幾個值之一：
textareas- 頁面加載時把所有TEXTAREA組件轉換成編輯器.
specific_textareas- 將所有"mce_editable"屬性值為true的TEXTAREA轉換成編輯器.
exact- 只轉換在"elements"設置中指定的確切組件. |
| [theme] | 指定要使用的主題名稱，主題將被放在TinyMCE的themes目錄下，默認為default。TinyMCE自帶三個內置的主題，它們是simple，default和advanced。
如果你想創(chuàng)建自己的主題，請仔細閱讀文檔的 主題 部分。 |
| [plugins] | 此選項是一系列以逗號分隔的主題插件列表（例如，可以只用來擴展圖像對話框）。這些插件覆蓋了主題模板中定義的功能。插件邏輯應該包含在一個叫"editor_plugin.js"的文件中，它是插件目錄中唯一被包含進來的文件。
例如："my_image_dialog,my_link_dialog".
如果你想創(chuàng)建自己的插件，請仔細閱讀文檔的 主題 部分。 |
| [language] | TinyMCE中使用的語言包，這應該是像se,uk,us等諸如此類的FN代碼，它被用來從"langs"目錄中獲取語言包，該設置的默認值為"uk".
中文用戶建議您使用"zh-CN" |
| [elements] | 以逗號分隔的用來轉換成編輯器的組件列表，該選項僅在"mode"選項被設置成"exact"時使用。該列表中的元素可以是任何有id或name屬性的HTML組件。 |
| [ask] | 當"mode"被設置成"textareas"或"specific_textareas"的時候，該選項被應用，詢問用戶輸入框是否將被轉換成編輯器。
如果你想使用這個選項，將它設置為true. |
| [textarea_trigger] | textarea（文本域）觸發(fā)器的屬性，默認值為"mce_editable"。
該選項僅在"mode"被設置為"specific_textareas"時使用。 |
| [valid_elements] | 以逗號分隔開的組件轉換部分的列表。
例如： a[href|target=_blank],strong/b,div[align],br.
以上例子告訴TinyMCE移除所有除了"a, strong, div"和"br"的組件，將元素b轉換成strong，默認target設為"_blank"并保持href、target、align屬性。在匹配組件及屬性的名稱時可以使用像*,+,?這樣的通配符。
字符：
,各組件定義之間的分隔符。/兩個同義組件之間的分隔符。第一個組件是會被用來輸出的那個（即第二個組件被第一個替換）。|各屬性定義之間的分隔符。[定義某組件的屬性列表的開始符號。]定義某組件的屬性列表的結束符號。=將屬性的默認值設為特定值。例如："target=_blank":將屬性的值強行設為特定值。例如："border:0"<校驗某個屬性的值。例如："target<_blank?_self"?屬性校驗值之間的分隔符，見上。
特殊變量：
{$uid} - 產生一個唯一ID號。 例如："p[id:{$uid}]".
此選項的默認值是以下模式：
"a[href|target],strong/b[class],em/i[class],strike[class],u[class],p[class|align],ol,ul,li,br,
img[class|src|border=0|alt|hspace|vspace|width|height|align],sub,sup,blockquote[dir|style],
table[border=0|cellspacing|cellpadding|width|height|class|align],tr[rowspan],
td[colspan|rowspan|width|height],div[class|align],span[class|align],pre[class|align],
address[class|align],h2[class|align],h3[class|align],h4[class|align],
h5[class|align],h6[class|align],h7[class|align],hr".
要包含所有組件及屬性，請使用 *[*] ，這在使用invalid_elements選項時特別有用。 |
| [extended_valid_elements] | 向"valid_elements"列表末尾添加可用組件。此選項在你僅僅想往默認列表中增添部分組件時相當有用。
格式與"valid_elements"一致。 |
| [invalid_elements] | 輸出時需要排除在外的組件名稱列表，以逗號分隔開。 |
| [trim_span_elements] | True/False選項。如果設置為true，不需要的組件將被移除。默認值即為true。 |
| [verify_css_classes] | True/False選項。如果設置為true，將會校驗CSS的class屬性。默認值即為true。 |
| [verify_html] | True/False選項。代表著HTML內容是否需要校驗。默認值為true。 |
| [urlconvertor_callback] | 當清理進程處理URL的時候調用的函數(shù)名。此函數(shù)必須遵從以下的格式：func(url, node, on_save) ，返回轉換后的URL。此設置專為集成目的而設。參數(shù)url代表要轉換的地址，node代表包含URL的那個節(jié)點，on_save是一個布爾值（在用戶提交表單時為真）。 |
| [preformatted] | True/False選項。如果設置為true，編輯器將把制表符（TAB）轉換成縮進，除此外保持其他whitespace（空白字符、換行等）字符，就如同HTML標簽中的PRE的效果。默認值為false。 |
| [insertlink_callback] | 當執(zhí)行"insertlink"命令時調用的函數(shù)名。此函數(shù)獲取選定鏈接的地址和目標，返回一個以"href", "target"和 "title"為collection名稱的數(shù)組。當使用新窗口時，為了兼容Mozilla，會在window.opener（彈出窗口的母窗口，譯者注）上調用tinyMCE.insertLink。 |
| [insertimage_callback] | 當執(zhí)行"insertimage"命令時調用的函數(shù)名。此函數(shù)獲取選定圖像的url并返回一個以src和alt為collection名稱的數(shù)組。當使用新窗口時，為了兼容Mozilla，會在window.opener上調用tinyMCE.insertImage。
函數(shù)格式：insertimage(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout, action). |
| [setupcontent_callback] | 當編輯器初始化時調用的函數(shù)名。函數(shù)格式：setupContentCallback(editor_id, node)，其中editor_id是編輯器的id，node是編輯器所在的body組件節(jié)點。 |
| [save_callback] | 當執(zhí)行triggerSave（觸發(fā)保存）命令被調用時調用的函數(shù)名。函數(shù)格式：save(id, content, node)，如果有特定返回值，其值將會被加到HTML表單組件上。所以可以通過此函數(shù)來自定義用戶轉換邏輯。 |
| [docs_language] | TinyMCE文檔中使用的語言，這應該是像se,uk,us等諸如此類的FN代碼，它被用來從"/docs/"目錄中獲取文檔。 該選項的默認值跟language選項一致。 |
| [width] | 編輯器的寬度，它默認的寬度是原先被替換的組件寬度。 |
| [height] | 編輯器的高度，它默認的高度是原先被替換的組件高度。 |
| [content_css] | 編輯窗口中要使用的CSS文件，其路徑應該跟頁面相關。 |
| [popups_css] | 像插入鏈接和圖片時的彈出窗口中使用的CSS文件，其路徑應該跟頁面相關。 |
| [editor_css] | 編輯器使用的CSS文件，其路徑應該跟頁面相關。 |
| [encoding] | 編輯器的輸出編碼，此選項目前只能為"html"或者空。如果設置為"html"，編輯器的輸出將經過HTML編碼處理。
例如：<將會變成<，依此類推。默認值是空。 |
| [debug] | True/False選項。如果設置成true，像css文件路徑等調試信息將會被顯示。 |
| [visual] | True/False選項。如果設置成true，當邊框設置成0的時候，為達到更好的視覺效果在編輯器中表格會有虛線出現(xiàn)。
默認值為true。 |
| [visual_table_style] | 用戶可自定義表格的樣式，默認值為："border: 1px dashed #BBBBBB"。 |
| [add_form_submit_trigger] | True/False選項。如果設置成true，將強制進行所有表單的"onsubmit"事件處理并引發(fā)保存。此選項默認值為true。 |
| [add_unload_trigger] | True/False選項。如果設置成true，在"onunload"事件發(fā)生時，當前窗口會引發(fā)一個triggerSave調用。此triggerSave調用不會做任何清理工作，因為它是用來處理 前進/后退 按鈕的。此選項默認值為true。 |
| [force_br_newlines] | True/False選項。此選項強制編輯器將段落符號(P)替換成換行符(BR)。此選項默認值為false。（實驗階段） |
| [force_p_newlines] | True/False選項。如果打開此選項，在按下回車鍵（Enter）時Mozilla/Firefox瀏覽器會生成段落符號(P)，在按下Shift+Enter時會生成換行符(BR)。此選項默認為true。 |
| [relative_urls] | True/False選項。如果設置成true，絕對路徑將被轉換成相對路徑。默認值為true。 |
| [remove_script_host] | True/False選項。在設置成true的情況下，如果URL中的主機名、端口號跟編輯器當前所在一致，它們會被移除。
例如：編輯器所在站點為 http://www.somesite.com ，那么以下鏈接 http://www.somesite.com/somedir/somepage.html 將會被轉換成 /somedir/somepage.html 。
如果relative_urls被設置成false，此選項默認為true。 |
| [focus_alert] | True/False選項。如果設置成true，編輯器在失去焦點的時候就會出現(xiàn)一個煩人的警告框。默認值為true。 |
| [document_base_url] | 在將絕對路徑轉換成相對路徑的時候會用到此文檔的URL。這個選項指定了編輯器當前的默認文檔。
注意如果此選項指定到一個域名，請?zhí)砑訁f(xié)議前綴，并以斜杠結尾。例如：http://www.somehost.com/mydir/ |
| [custom_undo_redo] | True/False選項。此選項可以使 撤消/重做 功能更加完善。默認值為true。 |
| [custom_undo_redo_levels] | 自定義最多可撤消操作的次數(shù)，默認是無限制。 |
| [custom_undo_redo_keyboard_shortcuts] | 如果使用，編輯器可以使用Ctrl+Z和Ctrl+Y快捷鍵來實現(xiàn)撤消和重做。默認允許。 |
| [fix_content_duplication] | True/False選項。此選項修正了MSIE中一個內容重復的bug。默認啟用，但是為了兼容性也可以禁用(false)。 |
| [directionality] | 此選項可以設置像阿拉伯語等語言的文字方向?？赡艿闹禐椋簂tr, rtl。默認值: ltr（從左到右）。 |
| [auto_cleanup_word] | 如果啟用，從MS office/Word粘貼的HTML將會自動被清理。此選項默認值為false。
注意：此操作當前僅支持MSIE。 |
| [cleanup_on_startup] | 如果啟用，在編輯器初始化時文本域及組件將會被清理。默認值為false。 |
| [inline_styles] | 如果啟用，像width,height,vspace,hspace和align等屬性將會被風格屬性替代。默認值為false。
在使用此選項時記得要把風格屬性應用在正確的組件上。 |
| [convert_newlines_to_brs] | 如果啟用，所有的\n(新行)將會在編輯器啟動時被轉換成
組件。此選項默認值為false。 |
| [auto_reset_designmode] | 因為在調用style.display的none/block方法來顯示/隱藏某個TinyMCE編輯器的時候有bug，設計模式需要被重置。此選項一旦啟用，當編輯器聚焦時，將自動重置。默認值為false。 |
| [entities] | 一張以字符代碼來查找名稱的表，該表中元素是以逗號分隔開的實體列表。該列表以奇數(shù)項、偶數(shù)項區(qū)分，其中奇數(shù)項是被用來轉換的字符代碼，偶數(shù)項是代表那個字符代碼的實體名稱。例如："8205,zwj,8206,lrm,8207,rlm,173,shy"。 |
| [cleanup_callback] | 自定義清理函數(shù)。此選項能讓用戶在默認的清理基礎上有所擴展。此函數(shù)調用跟默認的調用是分開的，它并不替換默認的清理函數(shù)，而僅僅是擴展。點擊 插件清理 查看更多細節(jié)。 |
| 主題的高級特定設置 |
| [theme_advanced_toolbar_location] | 此選項用來改變工具欄的默認位置。可能的值為："top"和"bottom"。默認值是"bottom"。 |
| [theme_advanced_toolbar_align] | 此選項用來設置工具欄的對齊方式是left, center還是right。默認值是center。 |
| [theme_advanced_styles] | 此選項可以用來增加風格下拉框中的CSS類和名稱。格式如下："=<class>;.."。<br/><br/>如果沒有指定此選項，主內容部分的CSS類將會被自動導入。<br/><br/>例如："Header 1=header1;Header 2=header2;Header 3=header3"</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_buttons1]</strong></td><td>工具欄上第一行要包含的按鈕列表，以逗號分隔開。例如："bold,italic,underline"。<br/><br/><br/><br/>允許的按鈕名稱如下：<br/><br/>bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, styleselect, bullist, numlist, outdent, indent, undo,redo, link, unlink, image, cleanup, help, code, table, row_before, row_after, delete_row, separator, rowseparator, col_before, col_after, delete_col, hr, removeformat, sub, sup, formatselect, fontselect, fontsizeselect, forecolor,charmap,visualaid,spacer,cut,copy,paste</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_buttons2]</strong></td><td>同上，差別在于指定的是工具欄第二行。</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_buttons3]</strong></td><td>同上，差別在于指定的是工具欄第三行。</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_buttons<N>_add]</strong></td><td>向工具欄上特定的第N行中增加額外的控制/按鈕。例如：theme_advaned_buttons3_add : "iespell".</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_buttons<N>_add_before]</strong></td><td>向工具欄上特定的第N行的默認按鈕前面增加額外的控制/按鈕。例如：theme_advaned_buttons3_add_before : "iespell"。</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_disable]</strong></td><td>要禁用的按鈕/組件的列表，以逗號分隔。例如："formatselect".</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_source_editor_width]</strong></td><td>源文件編輯器窗口的寬度。</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_source_editor_height]</strong></td><td>源文件編輯器窗口的高度。</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_path_location]</strong></td><td>組件路徑列表的位置，可能的值為："top"或"bottom"。默認值為："none"</td></tr><tr bgcolor="#ffffff"><td><strong>[theme_advanced_blockformats]</strong></td><td>formatselect列表要屏蔽的格式列表，以逗號分隔開。默認值：p,address,pre,h2,h3,h4,h5,h6,h7。</td></tr></tbody></table><p><br/>以下是一個較為復雜的初始化例子：<br/><!-- tinyMCE --><br/><script language="javascript" type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script><br/><script language="javascript" type="text/javascript"><br/>tinyMCE.init({<br/>mode : "exact",<br/>theme : "mytheme",<br/>language : "se",<br/>elements : "elm1,elm2"<br/>});<br/></script><br/><!-- /tinyMCE --><br/><br/>函數(shù) （供高級使用）<br/><br/>TinyMCE有一個全局實例，它能提供一些可從頁面調用的公用函數(shù)。<br/><br/>--------------------------------------------------------------------------------<br/>語法： tinyMCE.triggerSave([skip_cleanup]);<br/>描述：進行清除操作，并將編輯器內容移回到表單域中。tinyMCE通過向表單提交方法中增加觸發(fā)器來自動調用此函數(shù)。<br/>參數(shù)：<br/>[skip_cleanup] - 禁用保存觸發(fā)器的清除功能，默認為false。(可選)<br/><br/>返回： 無<br/><br/>--------------------------------------------------------------------------------<br/>語法： tinyMCE.updateContent(form_element_name);<br/>描述：將表單組件的內容轉移到編輯器中，此操作的功能跟triggerSave()正好相反。當你想動態(tài)改變編輯器內容時可以使用此方法。<br/>參數(shù)：<br/>form_element_name - 要獲取內容的組件所在表單的名稱。<br/>返回： 無<br/><br/>--------------------------------------------------------------------------------<br/>語法： tinyMCE.execInstanceCommand(editor_id, command, [user_interface], [value]);<br/>描述：此方法通過editor_id參數(shù)找到某個編輯器實例，在此編輯器上執(zhí)行一個命令。<br/>參數(shù)：<br/>editor_id - 編輯器實例的ID或者被替換后的組件id/名稱。<br/>command - 要執(zhí)行的命令。查看execCommand函數(shù)以獲取更多細節(jié)。<br/>[user_interface] - 是否使用用戶界面。<br/>[value] - 執(zhí)行命令時要傳遞的參數(shù)，例如：一個URL。<br/>返回： 無<br/><br/>--------------------------------------------------------------------------------<br/>語法： tinyMCE.execCommand(command, [user_interface], [value]);<br/>描述：此方法在選定編輯器中通過名稱執(zhí)行特定命令。<br/>參數(shù)：<br/>command - 要執(zhí)行的命令，例如："Bold" or "Italic"。你可以通過此連接來查看Mozilla Midas spec。但是tinyMCE也有自身一些特殊的命令如下表所示：</p><table border="0" cellspacing="1" cellpadding="3" bgcolor="#111111"><tbody><tr bgcolor="#ffffff" class="firstRow"><td width="120"><strong>mceLink</strong></td><td>打開插入鏈接對話框并插入鏈接。</td></tr><tr bgcolor="#ffffff"><td width="120"><strong>mceImage</strong></td><td>打開插入圖像對話框并插入圖像。</td></tr><tr bgcolor="#ffffff"><td><strong>mceCleanup</strong></td><td>從HTML代碼中移除不需要的組件和屬性。</td></tr><tr bgcolor="#ffffff"><td><strong>mceHelp</strong></td><td>打開文檔頁面。</td></tr><tr bgcolor="#ffffff"><td><strong>mceInsertTable</strong></td><td>在鼠標位置插入表格，默認尺寸為：2×2。如果execCommand函數(shù)中有指定value參數(shù)，它的格式必須為name/value形式的數(shù)組，其中 name有以下選項：cols, rows, border, cellspacing, cellpadding。border（邊框）的默認大小為：0。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableInsertRowBefore</strong></td><td>在當前鼠標所在位置之前插入一行。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableInsertRowAfter</strong></td><td>在當前鼠標所在位置之后插入一行。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableDeleteRow</strong></td><td>將當前鼠標所在行刪除。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableInsertColBefore</strong></td><td>在當前鼠標所在位置之前插入一列。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableInsertColAfter</strong></td><td>在當前鼠標所在位置之后插入一列。</td></tr><tr bgcolor="#ffffff"><td><strong>mceTableDeleteCol</strong></td><td>將當前鼠標所在列刪除。</td></tr><tr bgcolor="#ffffff"><td><strong>mceAddControl</strong></td><td>向編輯器添加組件控制，此編輯器的id/name由value指定。</td></tr><tr bgcolor="#ffffff"><td><strong>mceRemoveControl</strong></td><td>通過editor_id名稱來移除特定控制。value是要移除的editor_id（編輯器ID），編輯器ID格式如下："mce_editor_<index>"。<br/><br/>也可以使用DOM組件的ID和表單名。</td></tr><tr bgcolor="#ffffff"><td><strong>mceFocus</strong></td><td>使以value的值為ID的編輯器獲得焦點。編輯器ID格式如下："mce_editor_<index>"。也可以使用DOM組件的ID和表單名。</td></tr><tr bgcolor="#ffffff"><td><strong>mceSetCSSClass</strong></td><td>設置CSS類屬性，或者在選擇框中創(chuàng)建新的span。value的值是要給選定組件指派的css類名或者要新創(chuàng)建的span組件名稱。</td></tr><tr bgcolor="#ffffff"><td><strong>mceInsertContent</strong></td><td>在當前鼠標所在位置插入value的內容。</td></tr><tr bgcolor="#ffffff"><td><strong>mceReplaceContent</strong></td><td>將當前選定部分替換為value中的HTML代碼。{$selection}變量由當前選定部分的文字內容替換。</td></tr><tr bgcolor="#ffffff"><td><strong>mceSetAttribute</strong></td><td><p>為當前選定組件設置屬性。此命令的value應該是name/value數(shù)組，其參數(shù)如下：<br/><br/><br/><br/><strong>name</strong>- 要設置的屬性名。<br/><br/><strong>value</strong>- 要設置的屬性值。<br/><br/><strong>[targets]</strong>- 要增加屬性的目標組件，默認為：p,img,span,div,td,h2,h3,h4,h5,h6,h7,pre,address。<br/><br/><br/><br/>使用示例：<br/><br/>tinyMCE.execCommand('mceSetAttribute',false,{name:'align',value:'right'});</p></td></tr><tr bgcolor="#ffffff"><td><strong>mceToggleVisualAid</strong></td><td><p>是否開啟視覺幫助模式</p></td></tr><tr bgcolor="#ffffff"><td><strong>mceAnchor</strong></td><td><p>插入名稱錨點。value是錨點的名稱。</p></td></tr><tr bgcolor="#ffffff"><td><strong>mceResetDesignMode</strong></td><td><p>重置所有編輯器實例的設計模式狀態(tài)。在Firefox中，當編輯器被放在制表符中或者用style.display="none/block"來控制隱顯的時候，此命令非常有用。在編輯器重新顯示時調用此命令。</p></td></tr><tr bgcolor="#ffffff"><td><strong>mceSelectNode</strong></td><td><p>選定value指定的節(jié)點/組件。同時此命令會使編輯器滾動到此組件所在位置。</p></td></tr><tr bgcolor="#ffffff"><td><strong>mceSelectNodeDepth</strong></td><td><p>從當前節(jié)點以深度關系選擇指定的節(jié)點/組件。所以0值會選定當前聚焦的節(jié)點。同時此命令會使編輯器滾動到此組件所在位置。</p></td></tr></tbody></table><p>user_interface - 申明某命令是否會顯示用戶界面。True/False選項。<br/><br/>value - 要傳遞給命令的值。例如，插入鏈接時，它就是鏈接的URL。<br/><br/><br/><br/><strong>返回：</strong>無<br/><br/><br/><br/><strong>示例：</strong></p><table border="0" cellspacing="3" cellpadding="2"><tbody><trl><td><a href="javascript :tinymce.execCommand('Bold');">[Do bold]</a></td></tr></tbody></table><hr/><p><strong>語法：</strong>tinyMCE.insertLink(href, target);<br/><br/><strong>描述：</strong>此方法在當前選定編輯器實例的鼠標位置插入一個鏈接，或者用新的數(shù)據(jù)來更新已有鏈接。當你創(chuàng)建自己的主題時，此方法應在插入鏈接的彈出窗口中的OK按鈕按下時被調用。<br/><br/><strong>參數(shù)：<br/><br/></strong>href - 鏈接的地址/URL。<br/><br/>target - 鏈接的目標。<br/><br/><strong>返回：</strong>無</p><hr/><p><strong>語法：</strong>tinyMCE.insertImage(src, alt, border, hspace, vspace, width, height, align, title, onmouseover, onmouseout);<br/><br/><strong>描述：</strong>此方法在當前選定編輯器實例的鼠標位置插入圖像，或者用新的數(shù)據(jù)來更新已有圖像。當你創(chuàng)建自己的主題時，此方法應在插入圖像的彈出窗口中的OK按鈕按下時被調用。<br/><br/><strong>參數(shù)：<br/><br/></strong>src - 圖像地址。<br/><br/>alt - 圖片的替代文字。<br/><br/>border - 圖像邊框。<br/><br/>hspace - 圖像水平間距。<br/><br/>vspace - 圖像垂直間距。<br/><br/>width - 圖像寬。<br/><br/>height - 圖像高。<br/><br/>align - 圖像對齊方式。<br/><br/>title - 圖像鏈接的標題。<br/><br/>onmouseover - 圖像在鼠標放上去時的事件處理。<br/><br/>onmouseout - 圖像在鼠標移開時的事件處理。<br/><br/><strong>返回：</strong>無</p><hr/><p><strong>語法：</strong>tinyMCE.triggerNodeChange();<br/><br/><strong>描述：</strong>當編輯器發(fā)生外部變化時此方法被調用。然后此方法回調主題的"handleNodeChangeCallback"方法。<br/><br/><strong>參數(shù)：</strong>None<br/><br/><strong>返回：</strong>無</p><hr/><p><strong>語法：</strong>tinyMCE.getContent();<br/><br/><strong>描述：</strong>此方法返回當前選定編輯器中的HTML內容。如果沒有任何選定編輯器，該方法返回null。<br/><br/><strong>參數(shù)：</strong>None<br/><br/><strong>返回：</strong>當前選定編輯器中的HTML內容或者null。</p><hr/><p><strong>語法：</strong>tinyMCE.setContent(html);<br/><br/><strong>描述：</strong>此方法設定當前選定編輯器的HTML內容。<br/><br/><strong>參數(shù)：<br/><br/></strong>html - 要設定的HTML源代碼。<br/><br/><strong>返回：</strong>None.</p><hr/><p><strong>語法：</strong>tinyMCE.getEditorInstance(editor_id);<br/><br/><strong>描述：</strong>此方法通過editor_id返回某個編輯器實例。<br/><br/><br/><br/><strong>參數(shù)：<br/><br/></strong>editor_id - 要獲取的編輯器實例。<br/><br/><strong>返回：</strong>編輯器實例(TinyMCEControl)。</p><hr/><p><strong>語法：</strong>tinyMCE.importThemeLanguagePack([theme]);<br/><br/><strong>描述：</strong>此方法導入主題中特定的語言包。自定義主題中可以調用此方法。<br/><br/><strong>參數(shù)：</strong><br/><br/>[theme] - 當前主題名稱。此選項可選，默認為全局的"theme"設定。此參數(shù)在主題插件中非常有用。<br/><br/><strong>返回：</strong>None.</p><hr/><p><strong>語法：</strong>tinyMCE.importPluginLanguagePack(plugin, valid_languages);<br/><br/><strong>描述：</strong>此方法導入插件中特定的語言包。自定義插件中可以調用此方法。<br/><br/><strong>參數(shù)：</strong><br/><br/>plugin - 當前插件的名稱。<br/><br/>valid_languages - 以逗號分隔的所支持語言包列表。<br/><br/><strong>返回：</strong>None.</p><hr/><p><strong>語法：</strong>tinyMCE.applyTemplate(html);<br/><br/><strong>描述：</strong>此方法替換主題中的設置及語言變量。<br/><br/><strong>參數(shù)：</strong><br/><br/>html - 要替換主題變量的HTML代碼。<br/><br/><strong>返回：</strong>轉換后的HTML代碼。</p><hr/><p><strong>語法：</strong>tinyMCE.openWindow(template, [args]);<br/><br/><strong>描述：</strong>此方法通過從指定的template參數(shù)中獲取width, height及html數(shù)據(jù)來打開新窗口。數(shù)組參數(shù)args中包含要替換的變量名。<br/><br/>還有一些自定義的窗口參數(shù)：<br/><br/>mce_replacevariables - 啟用/禁用HTML文檔中的語言/變量替換。默認啟用。<br/><br/>mce_windowresize - 啟用/禁用彈出窗口的自動resize特征，默認啟用。<br/><br/><strong>參數(shù)：</strong><br/><br/>template - Name/Value數(shù)組，以width, height, html和file為鍵。<br/><br/>[args] - 包含要替換變量名的Name/Value數(shù)組。模板文件中的鍵值變量被參數(shù)列表所替換。<br/><br/>例如：image.php?src={$src}被替換為：image.php?src=image.gif。<br/><br/><strong>返回：</strong>None.</p><hr/><p><strong>語法：</strong>tinyMCE.getWindowArg(name, [default_value]);<br/><br/><strong>描述：</strong>此方法根據(jù)name返回窗口參數(shù)，它可以用在主題中的彈出窗口中，以獲取對話框中的參數(shù)。<br/><br/><strong>參數(shù)：</strong><br/><br/>name - 要獲取的窗口參數(shù)的名稱。<br/><br/>[default_value] - 窗口參數(shù)丟失時返回的默認值。<br/><br/><strong>返回：</strong>窗口參數(shù)的值。</p><hr/><p><strong>語法：</strong>tinyMCE.setWindowArg(name, value);<br/><br/><strong>描述：</strong>此方法根據(jù)name設定窗口參數(shù)，例如它在某插件調用其他插件時非常有用。<br/><br/><strong>參數(shù)：</strong><br/><br/>name - 要設置的窗口參數(shù)。<br/><br/>value - 窗口參數(shù)中要設置的值。<br/><br/><strong>返回：</strong>窗口參數(shù)值。</p><hr/><p><strong>語法：</strong>tinyMCE.getParam(name, [default_value], [strip_whitespace]);<br/><br/><strong>描述：</strong>此方法返回TinyMCE的配置參數(shù)。<br/><br/><strong>參數(shù)：</strong><br/><br/>name - 要獲取的窗口參數(shù)名。<br/><br/>[default_value] - 窗口參數(shù)丟失時返回的默認值。<br/><br/>[strip_whitespace] - 如果為真，所有返回值中的空白字符將會被除去。默認：false。</p><p><strong>tinyMce使用心得<br/><br/></strong>tinyMce是一款功能強大的基于js的富文本編輯器.<br/>官方主頁：http://www.tinymce.com/<br/>現(xiàn)在最新的版本是3.4.7了<br/>這款編輯器的功能幾乎可以跟微軟的office有的一比，毫不遜色。編輯器里面的各項編輯工具都可以定制，大部分高級功能都是以插件的形式添加進來，開發(fā)使用者可以根據(jù)需要添加/刪除自己的功能。<br/>首先下載tinyMce的開發(fā)包(建議下載dev版本，里面有大量的實例，還可以查看源代碼)<br/>下載鏈接：https://www.cdcxhl.com/codes/44180.html http://www.tinymce.com/download/download.php<br/>然后在需要使用的Web頁面添加tinyMce文件<br/><script type="text/javascript" src="common/tiny_mce/tiny_mce_src.js"></script><br/>只需要添加一個js文件即可，其他tinyMce需要的css和js它會自己加載。<br/>然后在頁面的<body>中放一個<textarea id="myRTE"></textarea><br/>最后使用tinyMce的init方法，在方法的配置里綁定那個textarea就可以了。<br/> <br/>jsp頁面代碼<br/></p><p>代碼如下:</p><p><br/><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><br/><%<br/>String path = request.getContextPath();<br/>String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";<br/>%><br/><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br/><html><br/><head><br/><title>Word processor example
|
重慶分公司
重慶分公司