从零开始 学习使用TinyMce

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

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

<!-- tinyMCE -->
<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>
<!-- /tinyMCE -->

  这里假设页面与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

你可能感兴趣的:(html,tinymce)