tinyMCE使⽤⼀初始化
tinymce是⼀款功能全⾯的富⽂本编辑器,官⽅主页: .
主页导航栏 Download提供最新版本的下载,⽬前最新版本是
1.下载
可以下载的⽂件有压缩版,⽀持jquery的版本和带开发源⽂件的版本(development package)。
其中开发版⾥⾯包含了很多例⼦和未压缩的源码。
下载完代码就可以使⽤tinymce了。
2.引⼊tinymce⽂件
<script type="text/javascript" src="js/tiny_mce/tiny_mce_src.js"></script>
tiny_mce_src.js是未压缩的代码,也可以使⽤压缩的代码
editor版本<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
3.初始化tinymce
tinyMCE.init({
mode : "exact",
elements : "RTEtextarea",
theme : "advanced",
plugins : "spellchecker,style,inlinepopups,print,paste,directionality,template",
theme_advanced_buttons1 :
"fontselect,fontsizeselect,|,forecolor,backcolor,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,|,ltr,rtl", theme_advanced_buttons2 :"",
theme_advanced_buttons3 :"",
theme_advanced_buttons4 :""
});
注释:mode:是tinymce初始化的⽅式,可以把页⾯所有的textarea初始化为富⽂本编辑器,也可以初始化某个textarea为编辑器,这⾥采⽤的是后者初始化某个指定的textarea为编辑器,这个指定的textarea的id是后⾯elements 绑定的id。
elements :需要初始化为编辑器的textarea的id.
theme :初始化tinymce的主题.
这么简单⼏步就可以使⽤富⽂本编辑器了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论