`
kankan1218
  • 浏览: 279955 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

从零开始 学习使用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
分享到:
评论

相关推荐

    封装好的富文本编辑器,可直接使用

    在标题“封装好的富文本编辑器,可直接使用”中,提到的“封装好”意味着该编辑器已经完成了大部分的开发工作,用户可以直接下载并应用到自己的项目中,而无需从零开始构建。这通常包括了对各种功能的集成,如文本...

    javaWEB使用附文本编辑器(fckeditor)的实例

    总的来说,这个JavaWeb使用FCKeditor的实例提供了一个从零开始集成富文本编辑器的实践过程,帮助开发者了解如何在实际项目中实现用户友好的文本编辑功能。通过这个实例,你可以深入学习到JavaScript与JavaWeb应用的...

    python3.5全栈工程师零基础到项目实战全套

    ### Python3.5全栈工程师零...通过上述知识点的学习,学员可以从零基础开始,逐步掌握Python3.5的基础语法、面向对象编程、Web开发等相关技能,并能够运用这些知识完成实际项目开发,成为一名合格的Python全栈工程师。

    上传图片文本编辑框

    总的来说,这个项目为开发者提供了一个便捷的工具,帮助他们快速构建带有图片上传功能的文本编辑框,节省了从零开始编写所有代码的时间。同时,通过研究这个项目,开发者也可以深入学习和掌握Web开发中的文件操作、...

    js实现网页文本编辑器

    【描述】中的链接指向了ITEYE博客的一篇文章,虽然具体内容未给出,但我们可以推测文章可能介绍了如何使用JavaScript从零开始构建一个简单的文本编辑器。这可能涉及到HTML、CSS以及JavaScript的核心概念,如DOM操作...

    【源码】Javascript控件包

    这些控件通常是为了简化开发过程,提供预设的样式和功能,使得开发者无需从零开始编写所有代码。 在JavaScript的世界里,控件或UI组件可以包括按钮、输入框、下拉菜单、滑块、日期选择器、分页器、轮播图、图表等。...

    tp后台源码模板

    Easy-Admin通常是一个预配置的后台管理界面,包含了用户登录、权限管理、数据展示、表单处理等功能模块,使得开发者可以快速搭建后台系统,而不必从零开始编写所有基础功能。 4. **MVC架构**:MVC模式是软件工程中...

    UnitedSkating:完全由我从根创建的旧滑板门户

    【描述】中的"完全由我从根创建"暗示了这个网站是开发者从零开始构建的,涵盖了从设计到编程的全过程,体现了开发者在Web开发领域的全面技能。"此处不存在图像"可能意味着原始的网站源代码或备份中没有包含图片资源...

    PHP 程序员应该使用的10个组件

    8. **BB代码**:`StringParser BBcode class`为论坛或者带有类似功能的网站提供了BB代码的支持,无需从零开始编写,节省了大量的时间和精力。 9. **PayPal支付系统**:对于集成支付功能,`PayPal`提供了完善的API,...

Global site tag (gtag.js) - Google Analytics