网页文章编辑器tinyMCE使用方法

TinyMCE是一个轻量级的JavaScript所见即所得编辑器,支持多种浏览器。本文介绍了TinyMCE的目录结构、使用方法,包括解压后的目录结构、在页面中引入JS代码,以及详细的初始化配置,适合初学者快速上手。
摘要由CSDN通过智能技术生成


1        
介绍:

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+Firefox1.5+都有着非常良好的支持。功能方面虽然不能称得上是最强,但绝对能够满足大部分网站的需求,并且功能配置灵活简单。另一特点是加载速度非常快,TinyMCE是一个根据LGPL license发布的自由软件,可以把它用于商业应用。

tinyMCE实例

 

 

 

 

tinyMCE实例02_蓝色皮肤

 

 

2          使用:

2.1   首先将TinyMCE解压缩,会建立如下的目录结构:

  /tinymce/

  /tinymce/docs/

  /tinymce/docs/zh_cn/

  /tinymce/examples/

  /tinymce/examples/zh_cn/

  /tinymce/jscripts/

  /tinymce/jscripts/tiny_mce/

  /tinymce/jscripts/tiny_mce/langs/

  /tinymce/jscripts/tiny_mce/plugins/

  /tinymce/jscripts/tiny_mce/plugins/

  /tinymce/jscripts/tiny_mce/themes/

  /tinymce/jscripts/tiny_mce/themes/advanced/

  /tinymce/jscripts/tiny_mce/themes/default/

  /tinymce/jscripts/tiny_mce/themes/simple/

其中docs/目录下是TinyMCE的说明文档,examples/目录下是4个实例页面,而jscripts/目录下则是真正的JS文件。实际使用时候只需要将jscripts/目录上传到服务器上即可

  

2.2  然后在需要使用TinyMCE的页面里加入如下的JS代码:

      

<!-- tinyMCE -->

<script language="javascript" type="text/javascript" 

src="<%=path %>/script/tiny_mce/tiny_mce.js"></script>

<script language="javascript" type="text/javascript">

    tinyMCE.init({

        mode : "textareas",

        theme : "advanced",

        language :"zh"

    });

</script>

&l

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值