第一步：下載
官網下載：https://www.tiny.cloud/download/
TinyMCE從4.0開始，不再支持直接下載，而是直接使用提供免費的CDN，讓用戶免除安裝過程，可以在網站中使用TinyMCE，但是這樣會導致無法DIY程序，所以大叔還是提供了下載版本
百度網盤：https://pan.baidu.com/s/1FxqpYHNLayF0dZs9GqxZUg
訪問密碼：pasm
第二步：安裝
解壓程序包，找到目錄：xxx -> js -> tinymce 此文件夾為程序運行核心文件夾，保留此文件夾，其余全部刪除，然后將文件夾放入插件/樣式文件夾中
下面這段代碼是一個簡單的TinyMCE使用示意圖，使用前需要先引用 TinyMCE.min.js，然后將編輯器套用到 textarea 控件上。
<!DOCTYPE html>
<html>
<head>
<script src="/插件&樣式文件夾路徑/tinymce/TinyMCE.min.js"></script>
<script>TinyMCE.init({ selector:'textarea.content' });</script> <!--這里設置 class="content" 套用TinyMCE編輯器-->
</head>
<body>
<textarea class="content">Next, start a free trial!</textarea>
</body>
</html>
修改樣式表
TinyMCE控件本地安裝好后，會出現一個樣式Bug，部分功能圖標，能看到的地方鼠標點不到，大叔找到的方法是在樣式表中用padding撐開一些：
樣式表：skin.min.css
.mce-btn-small button{padding:1px 5px; height:24px;}
.mce-splitbtn.mce-btn-small .mce-open{padding:0 3px 6px;}
中文語言包
成功顯示后，TinyMCE的菜單欄以及按鈕的說明全是英文，這是因為程序默認是英文這時，我們需要去下載一份中文語言包。
下載地址：https://www.tiny.cloud/download/language-packages/
語言文件：zh_CN.js
將文件放到 tinymce -> langs 中，清除瀏覽器緩存，刷新頁面即可。
第三步：配置
這是一個最基本的配置，可以根據自己的需求，自定義功能區。
plugins：激活控件
toolbar：顯示控件
<script>
TinyMCE.init({
selector:'textarea.content', //表單控件.樣式名稱 - 綁定textarea
height:"140", //高度
width:"280", //寬度
toolbar_items_size: 'small', //控件大小
menubar:true, //是否顯示菜單欄
plugins: ["link code"], //插件區，激活控件
toolbar: "link code", //控件區，顯示控件
//名稱前后顯示，影響控件顯示位置
});
</script>
<textarea name="content" class="content">需要編輯的內容</textarea>