Tinymce：从入门到进阶

教程增补系列

关于本增补写作目的

目前互联网上关于tinymce的教程，内容都与该篇基础使用教程类似。但这些文章对于一些使用细节都没有进行深入的解释，故作此文。

相关资料站

1. 一个文档汉化站，资料较为全面，除极少数未更新部分
2. 官网文档站
3. 官方语言包下载站
4. 网络上的基础使用教程

关于获取tinymce

方案一：官网下载

下载链接

• 一般情况下，最新版本就可以了
• 

方案二：官网注册获取api

注册入口

方案三：直接拷贝

安装django-tinymce后

pip install django-tinymce

直接复制本地文件来使用。非常方便。具体路径为:

（python安装路径）\Lib\site-packages\tinymce\static\tinymce

特别注意-1：复制static路径下的tinymce文件夹，而不是media下的tiny_mce文件夹。这两个文件夹 结构相似，但具体内容存在较大差异。
特别注意-2：在使用时，引入tinymce.min.js（疑似版本更新造成的命名变化，大多数网络教程并没有提到这一点）

关于使用tinymce

下载完了，放在哪里，又怎么去调用呢？
以django项目为例，把下载得到的tinymc文件夹复制进项目static文件夹中（如果没有就直接新建）

调用时使用django模板语言进行引入，记得添加{%load static%}。
要注意，tinymce的init必须位于导入script后，否则无法的发挥作用。除此之外init位置不限，（可以位于具体的textarea后）。

关于不同情况下使用不同配置

在做网站时可能会遇到需要不同尺寸的tinymce组件的情况，目前所有文章几乎都没有提这一点。
配置起来其实很简单，类似于下文设置即可

      selector: 'textarea#YourId',

解释：将这种init应用于id为‘YourId’的textarea标签上。如果需要多种不同配置，写相应数量的init即可。
关于selector项的配置，官网提供了更多方案（汉化站目前没有汉化）
selector配置详情