TinyMCE：下载、安装、配置
第一步：下载
官网下载：https://www.tiny.cloud/download/
TinyMCE从4.0开始，不再支持直接下载，而是直接使用提供免费的CDN，让用户免除安装过程，可以在网站中使用TinyMCE，但是这样会导致无法DIY程序，所以大叔还是提供了下载版本
百度网盘：https://pan.baidu.com/s/1FxqpYHNLayF0dZs9GqxZUg
访问密码：pasm
第二步：安装
解压程序包，找到目录：xxx -> js -> tinymce 此文件夹为程序运行核心文件夹，保留此文件夹，其余全部删除，然后将文件夹放入插件/样式文件夹中
下面这段代码是一个简单的TinyMCE使用示意图，使用前需要先引用 TinyMCE.min.js，然后将编辑器套用到 textarea 控件上。
<!DOCTYPE html>
<html>
<head>
<script src="/插件&样式文件夹路径/tinymce/TinyMCE.min.js"></script>
<script>TinyMCE.init({ selector:'textarea.content' });</script> <!--这里设置 class="content" 套用TinyMCE编辑器-->
</head>
<body>
<textarea class="content">Next, start a free trial!</textarea>
</body>
</html>
修改样式表
TinyMCE控件本地安装好后，会出现一个样式Bug，部分功能图标，能看到的地方鼠标点不到，大叔找到的方法是在样式表中用padding撑开一些：
样式表：skin.min.css
.mce-btn-small button{padding:1px 5px; height:24px;}
.mce-splitbtn.mce-btn-small .mce-open{padding:0 3px 6px;}
中文语言包
成功显示后，TinyMCE的菜单栏以及按钮的说明全是英文，这是因为程序默认是英文这时，我们需要去下载一份中文语言包。
下载地址：https://www.tiny.cloud/download/language-packages/
语言文件：zh_CN.js
将文件放到 tinymce -> langs 中，清除浏览器缓存，刷新页面即可。
第三步：配置
这是一个最基本的配置，可以根据自己的需求，自定义功能区。
plugins：激活控件
toolbar：显示控件
<script>
TinyMCE.init({
selector:'textarea.content', //表单控件.样式名称 - 绑定textarea
height:"140", //高度
width:"280", //宽度
toolbar_items_size: 'small', //控件大小
menubar:true, //是否显示菜单栏
plugins: ["link code"], //插件区，激活控件
toolbar: "link code", //控件区，显示控件
//名称前后显示，影响控件显示位置
});
</script>
<textarea name="content" class="content">需要编辑的内容</textarea>
TinyMCE：下载、安装、配置的更多相关文章
- win10 DVWA下载安装配置（新手学渗透）
电脑重装系统了,需要重新装一下渗透测试的学习环境DVWA,借此机会就跟大家讲一下DVWA的安装过程,因为不同的电脑配置.环境不同,在我的电脑上按照我这个安装教程是一次性就安装好了的.如果安装的时候遇到 ...
- Jmeter下载安装配置及使用（windows）
1 前言 仅作为记录使用. 2 步骤 2.1 下载地址:http://jmeter.apache.org/download_jmeter.cgi 2.2 选择binary版本即可:apache-jme ...
- 01_2Java开发环境的下载 安装 配置
01_2Java开发环境的下载 安装 配置 l 配置Java开发环境步骤(WindowsXP) l 下载并按照最新版本的J2SDK l 设置Windows环境变量 l 选择合适的文本编辑器或使用集成开 ...
- 2019-03-18 OpenCV Tesseract-OCR 下载 安装 配置（cv2 报错）
OpenCV 下载 安装 配置 1.下载和Python版本对应的版本,此为下载地址 2.安装(在powershell管理员模式下安装) pip3 install .\opencv_python-3.4 ...
- 从零开始使用git第一篇：下载安装配置
从零开始使用git 第一篇:下载安装配置 第一篇:从零开始使用git第一篇:下载安装配置 第二篇:从零开始使用git第二篇:git实践操作 第三篇:从零开始使用git第三篇:git撤销操作.分支操作和 ...
- JDK下载安装配置教程(详细)
JDK下载安装配置教程(详细) 版权声明:本文为原创文章,转载请附上原文出处链接和本声明.https://www.cnblogs.com/mxxbc/p/11844885.html 因为最近需要在Wi ...
- Windows32位或64位下载安装配置Scala
[学习笔记] Windows 32位或64位下载安装配置Scala: 1)下载地址:http://www.scala-lang.org/download/,看我的spark那节,要求scala是2.1 ...
- Windows32或64位下载安装配置Spark
[学习笔记] Windows 32或64位下载安装配置Spark:1)下载地址:http://spark.apache.org/downloads.html 马克-to-win @ 马克java社区: ...
- win10操作系统下oracle11g客户端/服务端的下载安装配置卸载总结
win10操作系统下oracle11g客户端/服务端的下载安装配置卸载总结 一:前提 注意:现在有两种安装的方式 1. oracle11g服务端(64位)+oracle客户端(32位)+plsql(3 ...
- MongDB4.1-入门学习之下载安装配置
下载安装配置三步走 下载,MongoDB官网下载中心 下载_.msi_安装版 安装,注意以下几个步骤: Choose Setup Type: Please Choose Custom Custom S ...
随机推荐
- GitHub教程(一) 使用指南
刚进公司上班的时候,技术总监让我熟悉一下Git(分布式版本控制工具)操作命令和GitHub(代码托管平台),说实话之前我也没有具体使用过Git工具,但是GitHub我还是注册过账号的.在练习将本地仓库 ...
- 如何在 Maven 工程中引入其他jar包 并生效？（以 Netty 为例）
1.到 Maven 官网 查找 相关 框架 https://mvnrepository.com/artifact/io.netty/netty-all/4.1.32.Final 2.把相关 Xml体 ...
- Java接口与多态
接口 可以理解为一种特殊的类,里面全部是由全局常量(static final)和公共的抽象方法所组成 接口的定义格式 接口的数据成员,只允许被public, static, final修饰. 接口的方 ...
- [翻译]Elasticsearch重要文章之二：堆内存的大小和swapping
Elasticsearch默认安装后设置的内存是1GB,对于任何一个业务部署来说,这个都太小了.如果你正在使用这些默认堆内存配置,你的集群配置可能有点问题. 这里有两种方式修改Elasticsearc ...
- EJB 3.1 @Startup @Singleton sequence
The annotation javax.ejb.Startup (@Startup) is used to mark an EJB so to make the EJB can be brought ...
- 为什么S/4HANA的销售订单创建会触发生产订单的创建
调用S/4HANA销售订单创建函数SD_SALES_DOCU_MAINTAIN创建一个销售订单时,会触发生产订单的创建. 销售订单的每个行项目对应一个独立的生产订单,SD_SALES_DOCU_MAI ...
- 可用的rtmp卫视直播地址
http://blog.csdn.net/chinabinlang/article/details/45092297[ 可用的rtmp卫视直播地址] http://blog.csdn.net/chin ...
- 对于view的深入理解，续篇（一）重写ViewGroup的onDraw
在上一篇文章中,不仅熟悉了动态设定布局的方法,而且也对view的绘制流程有所了解.于是我继续做了下面几个实验,发现了一个问题.如果对view的绘制流程不是很明白,可以看看我的上一篇文章的介绍,点击下面 ...
- The Relationship Between Layers and Views
Layers provide infrastructure for your views. 内核与外壳:数据与封装的关系.
- 2014年百度之星资格赛第一题Energy Conversion
Problem Description 魔法师百小度也有遇到难题的时候-- 如今.百小度正在一个古老的石门面前,石门上有一段古老的魔法文字,读懂这样的魔法文字须要耗费大量的能量和大量的脑力. 过了许久 ...