有点懒，不整理了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/