从零开始学习运用TinyMce _Web前端

从零开始学习使用TinyMce

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

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


<script language="javascript" type="text/javascript"
src="jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
   tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        language :"zh_cn"
    });
</script>


　　这里假设页面与jscripts/处于同一目录下，否则请修改代码里的路径。

　　现在页面里所有的textarea元素就会被渲染成TinyMCE实例。

3、mode与elements是搭配使用的，用来指定渲染name在elements中的HTML元素为TinyMCE编辑器(可以是DIV或者 Textarea)，比如:

　　mode : "exact",elements : "example_textarea"[b]（example_textarea这个元素被tintMCE渲染）

　　也可以单独用 mode : "textareas",这样页面中所有的Textarea元素都会被渲染。[/b]

　　theme 可以是advanced或者simple(受功能限制),也可以自定义主题。

　　language 常用选择可以是:en,zh_cn,zh_cn_utf8,zh_tw,zh_tw_utf8(和语言包名字对应)

　　plugins 用来指定加载相应的插件，以提供特别功能

参考：http://homepage.yesky.com/72/2616072.shtml

从零开始 学习运用TinyMce

从零开始学习运用TinyMce