This commit is contained in:
Andrew Roberts
2015-11-05 11:38:09 -08:00
parent 59f126a8e1
commit 5b2f6e81d8
3 changed files with 28 additions and 20 deletions
@@ -10,12 +10,12 @@ Otherwise, the [Configuration Quick Start](../configuration-quick-start/) is a g
# CDN Installation
## CDN Installation
The easiest way to get started is to use our CDN.
## Step 1: Include the TinyMCE Script
### Step 1: Include the TinyMCE Script
Include this line of code in the `<head>` of your page:
@@ -23,7 +23,7 @@ Include this line of code in the `<head>` of your page:
<script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
```
## Step 2: Initialize TinyMCE as Part of a Web Form
### Step 2: Initialize TinyMCE as Part of a Web Form
With the script included, initialize TinyMCE on any element (or elements) in your web page.
@@ -52,14 +52,14 @@ In this example, let's replace `<textarea id="mytextarea">` with a TinyMCE edito
</html>
```
## Step 3: Saving Content with a `<form>` `post`
### Step 3: Saving Content with a `<form>` `post`
When the `form` is submitted the TinyMCE editor mimics the behavior of a normal HTML `<textarea>` during a form `post`. No additional configuration is required.
And that's all there is to it!
#### Additional information about using the CDN
### Additional information about using the CDN
There are a few things you need to consider when using the CDN version. If you wish to use any local plugins (like [MoxieManager](http://www.moxiemanager.com) for example) you need to load them using the new [`external_plugins`](http://www.tinymce.com/wiki.php/Configuration:external_plugins) option.
@@ -73,18 +73,18 @@ For next steps see the [Developer Guide](../developer-guide/).
# Package Manager Installation
## Package Manager Installation
If you've already installed TinyMCE [learn how to add it to a page].
## NPM
### NPM
```
npm install tinymce
```
## Bower
### Bower
```
bower install tinymce
@@ -99,7 +99,7 @@ npm i
jake
```
## Composer
### Composer
If you're using Composer package manager, add the following to `composer.json`.
@@ -107,13 +107,13 @@ If you're using Composer package manager, add the following to `composer.json`.
php composer.phar require "tinymce/tinymce" ">= 4"
```
## NuGet
### NuGet
```
Install-Package TinyMCE
```
#### Use of local plugins/language packs when installing via Package Managers
### Use of local plugins/language packs when installing via Package Managers
When using package managers you might have local TinyMCE addons in your project such as plugins or language packs. Load these from your project location rather than from inside the package using these config options:
@@ -132,7 +132,7 @@ For next steps see the [Developer Guide](../developer-guide/).
# SDK / Download Installation
## SDK / Download Installation
If you'd rather download and install the script manually, get the package from [TinyMCE Downloads]. Unzip the package and move the `"tinymce/js/tinymce"` directory into a web accessible location on your web server (for example, `localhost`).
@@ -146,7 +146,7 @@ For next steps see the [Developer Guide](../developer-guide/).
# jQuery
## jQuery
We have a jQuery plugin [available here] if you'd rather install TinyMCE using this method. As with the SDK option, unzip the package and move the `"tinymce/js/tinymce"` directory into a web accessible location on your web server (for example, `localhost`).
@@ -161,7 +161,7 @@ For next steps see the [Developer Guide](../developer-guide/).
# Custom Build Download
## Custom Build Download
TinyMCE tries to be as flexible to your project's needs as possible. We have a customized package downloader [available here](http://www.tinymce.com/download/custom_package.php) where you can select the core, plugins, skins, themes and compression options you'd like to include in the download.
@@ -171,13 +171,13 @@ For next steps see the [Developer Guide](../developer-guide/).
# Adding TinyMCE to a Page
## Adding TinyMCE to a Page
Adding TinyMCE to a page is as simple as initializing the script on a `<textarea>` as part of an HTML `<form>`. When the `<form>` is submitted the contents of the editor will be submitted as part of the `<form>` `post`.
Here's how to do it using the CDN option as an example.
## Step 1: Installation
### Step 1: Installation
Include this line of code in the `<head>` of your page:
@@ -185,7 +185,7 @@ Include this line of code in the `<head>` of your page:
<script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
```
## Step 2: Initialize TinyMCE as Part of a Web Form
### Step 2: Initialize TinyMCE as Part of a Web Form
With the script included, initialize TinyMCE on any element (or elements) in your webpage.
@@ -216,13 +216,13 @@ In this example, let's replace `<textarea id="mytextarea">` with a TinyMCE edito
That's all there is to it!
## Step 3: Saving Content with a `<form>` `post`
### Step 3: Saving Content with a `<form>` `post`
When the `form` is submitted the TinyMCE editor mimics the behaviour of a normal HTML `<textarea>` during a form `post`. No additional configuration is required.
# Next Steps
## Next Steps
At this point, you've seen how to create TinyMCE instances on a page using `tinymce.init()`, and you've seen how to retrieve content from TinyMCE as part of an HTML `<form>` `post`.
-1
View File
@@ -3,7 +3,6 @@ layout: default
title: TinyMCE Developer Documentation
---
# TinyMCE Developer Documentation
## [Getting Started](./getting-started/)
+9
View File
@@ -0,0 +1,9 @@
---
layout: default
title: Code Sample (`codesample`)
---
New in 4.3.
Docs to be written.