有點懶，不整理了
以下轉載
---------------------
從雲開始
使用tinyMCE最好的方式是使用雲部署的方式。你需要通過注冊的方式，得到一個apiKey，並使用到你的項目中。
所有的雲服務賬戶都包含一個免費、預置的雲圖片代理服務，這個服務可以幫助你使用圖片上傳功能。
tinyMCE支持多語言，你可以在這里下載你需要的語言包：https://www.tinymce.com/download/language-packages/
這里是一個tinyMCE的歷史版本列表，當你需要老版本的tinyMCE時，你可以需要用到它：https://cloud.tinymce.com/versions/tiny
tinyMCE還提供三個額外的標識，dev、testing、stable來標識三個版本。一般，不需要指定特定的版本，直接選用stable即可。因為它是最穩定的。
你可以在這個地址，找到tinyMCE相關的更新日志：https://www.tinymce.com/docs/changelog/。有時候，它可以給你一些指引。
從本地開始
第一個應用
如果你不喜歡從雲開始，也可以選擇把tinyMCE的相關資源下載到你自己的服務器上。鑒於tinyMCE服務器的訪問速度較慢，一般有必要這樣做。
你可以在這里找到壓縮后的tinyMCE：
<scriptsrc='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
引入這個js后，你可以利用你頁面上的某個或某幾個元素來初始化tinyMCE。
tinyMCE.init({
selector:‘#tinyMCE’ //頁面元素選擇器
})
最基礎的應用
一個最簡單的tinyMCE，你需要關注以下幾個基本的配置。
selector 元素選擇。這個配置聲明要使用頁面的哪個或哪些元素來初始化tinyMCE。允許你使用CSS選擇器語法對其進行配置。如以id或class或類型等。
plugins tinyMCE在基礎功能之上，還有一系列的插件可以幫助你實現一些更強大或特殊的功能。這個配置可以讓你自由的添加你需要的插件。
toolbar 工具類的配置。先認識一下tinyMCE的幾個主要的區域。
你可以對toolbar進行獨特的配置，甚至自定義按鈕。
比如，toolbar: false可以使工具類完全消失。
通過| 線可以把toolbar中的按鈕分組，通過 ，號可以分行，如：
toolbar: [
'undo redo | styleselect | bold italic |link image',
'alignleft aligncenter alignright'
]
menu和menubar 菜單欄的配置。其它的富文本編輯器很少有菜單欄這種功能。除卻一些特殊的應用，菜單欄在網頁中的也是有些臃腫的。所以，你可以直接使用menubar: false來使菜單欄隱藏。
你可以通過menubar定義菜單欄中的內容，如：
menubar:'file edit view'
如果你需要定制菜單edit中的內容，可以使用menu，如：
menu:{
view: {title: 'Edit', items: 'cut, copy,paste'}
}
在使用menu配置時，title並不是限制的，你開心，可以隨便玩。
menu:{
view: {title: 你敢點我試試！, items: 'cut, copy, paste'}
}
利用這些配置，你已經可以在應用里構建一個tinyMCE了。你可以在這里了解更多的配置：https://www.tinymce.com/docs/configure/。或者在這里了解更多可用的插件：https://www.tinymce.com/docs/plugins/。當然，后續我們也會提到這些內容。
內聯編輯
tinyMCE有兩種模式，經典模式和內聯模式。經典模式又稱為表單模式。我們之前提到的inline配置，就與此有關。
表單模式下，tinyMCE將替換掉selector指定的元素，內聯模式下，tinyMCE將成為指定元素的內容。當你希望通過tinyMCE編輯頁面時，想要達到所見即所得的效果，那么，你應該了解一下內聯模式。
表單模式下，編輯器永遠是表單的一部分，屬於表單的一個域。而內聯模式下，編輯器的內容將成為頁面的一部分。你可以很容易的預覽到你創建的頁面的效果。編輯器內容形成的頁面元素，也會繼承其父元素的CSS特性等。
你可以通過將inline設置為true來啟用內聯模式，另外，內聯模式下的tinyMCE，應該初始化到某個div或者其它適合的非表單元素中。
在內聯模式下，你可能更想要在一個頁面中使用多個tinyMCE。它們可以共用一套配置，也可以獨立的配置。使用上來說，也很簡單。某個配置能夠把哪些元素初始化為tinyMCE，完全取決於元素選擇器，即selector的配置。
高級使用方式
你可能還想要通過一些更高級的方式來使用tinyMCE。
比如npm: npm install tinymce
bower: bowerinstall tinymce 或者
bower install tinymce-src=git://github.com/tinymce/tinymce
composer: php composer.phar require"tinymce/tinymce" ">= 4"
nuget: Install-PackageTinyMCE
sdk: 你可以在這里下載：https://www.tinymce.com/download/
jQuery: 如果你希望得到一個jQuery插件形式的tinyMCE，你可以在這里定制：https://www.tinymce.com/download/custom-builds/。你可以根據你的意願，定制你需要的功能。這樣，你可以得到一個盡可能小的適用的tinyMCE。
插件
tinyMCE有很多插件可以使用，比如代碼編輯模式、高亮模式，圖片上傳等等。插件拓展或新增了tinyMCE的功能。或者，你也可以自定義一些插件。
關於插件的內容過多，不進行翻譯，后續一些插件也以掛出官網的鏈接形式展示。
自主義UI
主題和皮膚
你可以定制主題和皮膚，通過threm和spin來配置它們。
尺寸
這些配置幫助你定制尺寸，width、height、min_width、max_width、min_height、max_height。
你可能還需要自適應尺寸（https://www.tinymce.com/docs/plugins/autoresize/）的插件來幫助你使尺寸更智能。或者，你可以使用resize配置。
樣式
content_css 可用幫助你定制主體區域的樣式。
statusbar 設為false可以隱藏狀態欄。
源碼模式
https://www.tinymce.com/docs/get-started/customize-ui/。頁尾。
上傳圖片
https://www.tinymce.com/docs/get-started/upload-images/
拼寫檢查
https://www.tinymce.com/docs/get-started/spell-checking/
內容過濾
https://www.tinymce.com/docs/get-started/filter-content/
---------------------
作者：lanming0326
來源：CSDN
原文：https://blog.csdn.net/lanming0326/article/details/80860158
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！