TinyMCE使用教程

TinyMCE官方网址：https://www.tinymce.com

使用TinyMCE的方式主要有一下几种方式

• TinyMCE Cloud
• Package Managers
• SDK / Download
• jQuery
• Custom Build

本章主要介绍SDK一种方式，其他方式可以参考：https://www.tinymce.com/docs/get-started/advanced-install/

一、下载官方包（地址：https://www.tinymce.com/download/）

将下载好的压缩包解压，将解压后的文件tinymce导入需要的web项目

二、在需要的页面导入

	<script src="tinymce.min.js"></script>
		<!--初始化tinymce-->
		<script type="text/javascript">
			tinymce.init({
				selector: '#mytextarea',
				language: 'zh_CN',
				directionality: 'rtl',
				browser_spellcheck: true,
				contextmenu: false,
				plugins: [
					"advlist autolink lists link image charmap print preview anchor",
					"searchreplace visualblocks code fullscreen",
					"insertdatetime media table contextmenu paste imagetools wordcount",
					"code"
				],
				toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",

			});
			/*tinymce.activeEditor.uploadImages(function(success) {
				$.post('ajax/post.do', tinymce.activeEditor.getContent()).done(function() {
					console.log("Uploaded images and posted content as an ajax request.");
				});
			});*/
		</script>

3、在body中新建容器

<form method="post">
     <textarea id="mytextarea"></textarea>
</form>

4、浏览相关页面即可