TinyMCE使用教程

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

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

本章主要介绍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、浏览相关页面即可


阅读更多
上一篇JAVA中的设计模式--简单工厂模式
下一篇JAVA 1.8 中的List集合的排序
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭