TinyMCE 好用的 HTML 編輯器

這是個不錯的 HTML 編輯器，完全只使用 JavaScript 寫成，可以在沒有 Web server 的狀況下 work，有非常強大的功能，可以自行開發外掛模組，而且有詳細的參數設定，可以根據個人的需求加一改寫，支援多國語言，有官方語言包，而且也支援各種的瀏覽器。

官方網站-下載頁面
中文設定說明

<script language="javascript" type="text/javascript"
   src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
  mode: "textareas",
  /* (textareas) 將所有 textarea 轉換成編輯器。*/
  /* (exact) 只轉換特定的元素。
   在 elements 設定中指定那些元素的 ID 或 name 。*/
  theme: "advanced",
  /* (advanced) 這是TinyMCE的高級主題，*/
  /* 這個主題允許用戶增加刪除按鈕/面板，並且比簡單或默認主題更加靈活。*/
  /* (simple) 這是TinyMCE最簡單的主題，只包括最基本的功能。*/

  language: "zh_tw_utf8",
  /* 設定多國語言的檔案名稱*/

  content_css: "example_full.css",
  /* 用於編輯器內部(可編輯區域)的 CSS文件*/

  plugins: "devkit,style,layer,...",
  /* TinyMCE 的外掛插件，也可以載入自己寫的外掛*/

  theme_advanced_buttons1_add_before: "save,newdocum...",
  theme_advanced_buttons1_add: "fontselect,fontsizes...",
  theme_advanced_buttons2_add: "separator,insertdate...",
  theme_advanced_buttons2_add_before: "cut,copy,paste...",
  theme_advanced_buttons3_add_before: "tablecontrols...",
  theme_advanced_buttons3_add: "emotions,iespell,...",
  theme_advanced_buttons4: "insertlayer,moveforward,...",
  /*共有三類的方法設定按鈕列的配置，所有按鈕的清單*/
  /* theme_advanced_buttons<1-n> 直接設置按鈕的清單*/
  /* theme_advanced_buttons<1-n>_add 在預設的清單後面加入額外的按鈕*/
  /* theme_advanced_buttons<1-n>_add_before 在預設的清單前面加入額外的按鈕*/


  theme_advanced_toolbar_location: "top",
  /* 按鈕列的位置 "top", "bottom", "none"*/

  theme_advanced_toolbar_align: "left",
  /* 按鈕列的對齊方式。left, right, center。*/

  theme_advanced_path_location: "bottom",
  /*路徑及調整大小按鈕的狀態列的位置。
   "top", "bottom", "none"*/
  theme_advanced_resize_horizontal: false,
  theme_advanced_resizing: true,
  nonbreaking_force_tab: true,
  apply_source_formatting: true,
  relat2ive_urls: false,
  rem2ove_script_host: false,
});
</script>