有點懶，不整理了php
如下轉載css
--------------------- git
從雲開始github
使用tinyMCE最好的方式是使用雲部署的方式。你須要經過註冊的方式，獲得一個apiKey，並使用到你的項目中。npm
全部的雲服務帳戶都包含一個免費、預置的雲圖片代理服務，這個服務能夠幫助你使用圖片上傳功能。api
tinyMCE支持多語言，你能夠在這裏下載你須要的語言包：https://www.tinymce.com/download/language-packages/ 服務器
這裏是一個tinyMCE的歷史版本列表，當你須要老版本的tinyMCE時，你能夠須要用到它：https://cloud.tinymce.com/versions/tinycomposer
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/