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的实例提供了一个从零开始集成富文本编辑器的实践过程,帮助开发者了解如何在实际项目中实现用户友好的文本编辑功能。通过这个实例,你可以深入学习到JavaScript与JavaWeb应用的...
### Python3.5全栈工程师零...通过上述知识点的学习,学员可以从零基础开始,逐步掌握Python3.5的基础语法、面向对象编程、Web开发等相关技能,并能够运用这些知识完成实际项目开发,成为一名合格的Python全栈工程师。
总的来说,这个项目为开发者提供了一个便捷的工具,帮助他们快速构建带有图片上传功能的文本编辑框,节省了从零开始编写所有代码的时间。同时,通过研究这个项目,开发者也可以深入学习和掌握Web开发中的文件操作、...
【描述】中的链接指向了ITEYE博客的一篇文章,虽然具体内容未给出,但我们可以推测文章可能介绍了如何使用JavaScript从零开始构建一个简单的文本编辑器。这可能涉及到HTML、CSS以及JavaScript的核心概念,如DOM操作...
这些控件通常是为了简化开发过程,提供预设的样式和功能,使得开发者无需从零开始编写所有代码。 在JavaScript的世界里,控件或UI组件可以包括按钮、输入框、下拉菜单、滑块、日期选择器、分页器、轮播图、图表等。...
Easy-Admin通常是一个预配置的后台管理界面,包含了用户登录、权限管理、数据展示、表单处理等功能模块,使得开发者可以快速搭建后台系统,而不必从零开始编写所有基础功能。 4. **MVC架构**:MVC模式是软件工程中...
【描述】中的"完全由我从根创建"暗示了这个网站是开发者从零开始构建的,涵盖了从设计到编程的全过程,体现了开发者在Web开发领域的全面技能。"此处不存在图像"可能意味着原始的网站源代码或备份中没有包含图片资源...
8. **BB代码**:`StringParser BBcode class`为论坛或者带有类似功能的网站提供了BB代码的支持,无需从零开始编写,节省了大量的时间和精力。 9. **PayPal支付系统**:对于集成支付功能,`PayPal`提供了完善的API,...