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、浏览相关页面即可


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值