码迷,mamicode.com
首页 > 其他好文 > 详细

TinyMCE 本地 | 下载 | 部署 | 汉化 |

时间:2019-11-23 18:32:25      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:min   baidu   tran   textarea   none   nload   rip   head   www   

TinyMCE 本地 | 下载 | 部署 | 汉化

一、TinyMCE下载

tinymce_4.7.13版本下载:https://pan.baidu.com/s/1ZLqSQroR8ZlcAdOQyqezlA

汉化包:https://pan.baidu.com/s/1960EE3af2wTcPfTtPbuyzQ

官网下载:https://www.tiny.cloud/download/

二、TinyMCE部署

1、将下载的tinymce.rar解压,我已经将原文件中,不重要的文件都删除了

技术图片

 2、用webstorm编辑器打开文件[当然其他的编辑器也ok],或者直接将文件夹复制到相关编辑器中打开

技术图片

我是直接将文件夹复制进去了

技术图片

 

3、创建一个html文件,名字随便取

技术图片 

技术图片

 

 

 

4、复制这段代码进去【包含汉化包的引入】

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="./tinymce.min.js"></script>
/*引入汉化包,汉化包请放在文件夹 tinymce/langs文件夹下*/
    <script src="./langs/zh_CN.js"></script>
<style>
#mceu_30{
display: none;
}
/*设置formd的外边距..*/
.editor{
margin: 50px;
}
/*设置输入框的最小高度*/
textarea{
min-height: 600px;
}
/* 上述CSS样式可根据自己需求更改*/
</style>

</head>
<body>
<div id="editorbox">
<h1>TinyMCE Getting Started Guide</h1>
<form method="post" class="editor">
<textarea id="mytextarea"></textarea>
</form>
</div>

</body>
<script type="text/javascript">
tinymce.init({
selector: "#mytextarea"
});
</script>
</html>

5、效果图

技术图片

 

 

 

 

 

 

 

TinyMCE 本地 | 下载 | 部署 | 汉化 |

标签:min   baidu   tran   textarea   none   nload   rip   head   www   

原文地址:https://www.cnblogs.com/LeToGoing/p/11918908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!