`
jsfig
  • 浏览: 4321 次
  • 性别: Icon_minigender_1
  • 来自: 中山
文章分类
社区版块
存档分类
最新评论

在线编辑器TinyMCE使用方法和定制为中文版的步骤

阅读更多
在线编辑器TinyMCE使用方法和定制为中文版的步骤




1. 下载地址
http://tinymce.moxiecode.com/download.php
下载“Main package”
解压到:/js/目录下。其文件将在:/js/jscripts/tiny_mce/下。




2. 用html测试
建立一个htm文件:/js/test.htm,内容如下:
<!-- 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"});
</script>
<!-- /tinyMCE -->
<form action="" method="post">
<textarea name="content"><a href="ooo.com">woofdjs</a></textarea>
<input type="submit" value="确定"/>
</form>




3. 用php测试在线编辑。
获取内容:$_POST['content']。




4. 用cakephp测试,在controller中获取内容:
$content = $this->params['form']['content'];




5. 安装中文版。
在http://tinymce.moxiecode.com/download_i18n.php
打钩选择语言:Chinese。
点击“Download”下载中文语言包(tinymce_lang_pack.zip)。
解压后将其中的文件对应放到/js/jscripts/tiny_mce/下面的对应目录里面。
其实就是一些zh.js文件。


修改javascript代码:
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple",
language : "zh"
});
</script>


6. 配置tinymce,适合自己的要求。
修改调用tinyMCE.init的参数:
tinyMCE.init({
mode : "textareas",
theme : "simple",
language : "zh",
//定义工具栏的位置
theme_simple_toolbar_location : "top",
//定义工具栏工具的对其方式
theme_simple_toolbar_align : "left",
//定义输入框下方是否显示状态栏,默认不显示
theme_simple_statusbar_location : "bottom",
//定义是否可以改变输入窗口大小
theme_simple_resizing : true
});




7. 对于中文来说,tinymce的默认字体太小,
解决方法是将主题的皮肤的css修改一下。
例如,将
/js/jscripts/tiny_mce/themes/simple/skin/default/content.css中的字体设置
修改一下:
body, td, pre {  
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    font-size: 12px;  







参考:
TinyMCE使用详解 http://www.iwms.net/n2065c17.aspx
http://www.iteye.com/topic/120648
分享到:
评论
1 楼 spp_1987 2011-12-21  
设置的字体大小 无法改变..

相关推荐

    tinymce的使用,中文语言包配置

    总的来说,TinyMCE是一个功能强大的富文本编辑器,通过合理的配置和使用,可以满足各种复杂的网页编辑需求,而且支持多语言,包括中文,为非英语用户提供便利。在实际应用中,开发者可以根据项目的具体需求对TinyMCE...

    tinymce富文本编辑器中文语言包

    TinyMCE是一款强大的富文本编辑器,被广泛应用于网页内容...总的来说,TinyMCE中文语言包是提升国内用户使用富文本编辑器体验的重要工具,通过简单的配置即可实现编辑器的中文化,使得用户能够更加自如地进行内容编辑。

    TinyMCE在线编辑器,中文文档及压缩包和简单的编辑器

    此外,通过阅读博文链接,你可以获取更多关于TinyMCE的使用技巧和示例,以便更好地理解和运用这款强大的在线编辑器。同时,官方文档也是一个重要的学习资源,它详细介绍了每个功能的使用方法和配置选项。 总的来说...

    PHP版符合W3C的在线文本编辑器tinymce中文版集成上传图片功能

    `readme.txt`通常是项目提供的说明文档,它可能包含关于如何安装、配置和使用TinyMCE中文版集成上传图片功能的详细指南。在实际操作中,应仔细阅读此文件以获取更多信息。 总结来说,PHP版的TinyMCE中文版集成上传...

    在vue3项目中使用tinymce编辑器

    TinyMCE是一款功能强大的开源富文本编辑器,它提供了丰富的API和插件,可以定制化满足各种复杂的编辑需求。本篇文章将详细讲解如何在Vue3项目中引入并使用带有汉化包的TinyMCE编辑器。 首先,你需要从TinyMCE官方...

    简体中文tinymce编辑器插件下载

    关于“简体中文tinymce编辑器插件下载”的描述虽然重复,但我们可以推测,这个压缩包包含的可能是一个或者多个专门为简体中文环境优化的Tinymce插件,可能提供了更好的中文输入体验、更完善的中文字符支持或者其他...

    前端富文本tinymce中文包

    总的来说,"前端富文本tinymce中文包"为中国的前端开发者和网站管理员提供了一个方便、易用的富文本编辑解决方案。结合其强大的API和丰富的插件系统,TinyMCE可以适应各种各样的应用场景,无论是简单的博客编辑,...

    tinymce编辑器汉化

    ** Tinymce 编辑器汉化详解 ** Tinymce 是一款非常...通过熟练掌握 Tinymce 的使用和配置,我们可以为用户提供更加友好和符合本地习惯的文本编辑体验。同时,Tinymce 的高度可定制性也使其成为开发人员的得力工具。

    tinymce离线资源

    总之,Tinymce离线资源为开发者提供了一种便捷的方式,使他们能够在本地环境中无缝使用这个强大的富文本编辑器,同时提高了应用的稳定性和性能。理解并掌握如何部署和配置这些资源,是提升项目效率和用户体验的关键...

    Java开发之文本编辑器TinyMCE-含上传本地图片

    ### Java开发之文本编辑器TinyMCE-含上传本地图片 #### 一、TinyMCE简介及优势 TinyMCE是一款强大的WYSIWYG编辑器,适用于多种编程环境,包括但不限于Java。它提供了丰富的功能,如字体样式设置、颜色选择、表格...

    tinymce粘贴word插件powerpaste

    Tinymce 是一款流行的开源富文本编辑器,它提供了丰富的功能,让用户在网页上能够方便地编辑、格式化文本,类似于Microsoft Word的在线版本。Tinymce 支持多种语言,包括中文,并且可高度自定义,广泛应用于内容管理...

    tinymce3官方中文语言包zh

    在你提供的信息中,"tinymce3官方中文语言包zh"是一个专门为TinyMCE 3版本设计的语言包,目的是为了让中国用户能够更方便地使用这个编辑器,提供完整的中文界面。 TinyMCE 3是TinyMCE的一个较早版本,虽然现在最新...

    tinymce

    【tinymce】是一款知名的富文本编辑器,广泛应用于网页内容编辑和管理,为用户提供类似Microsoft Word的界面和功能,使得非编程人员也能轻松编辑和格式化网页内容。它支持多种语言,包括中文,并且拥有丰富的插件...

    H5引入TinyMCE编辑器Demo

    TinyMCE是一款强大的富文本编辑器,常用于网页和应用程序中,为用户提供WYSIWYG(所见即所得)的编辑体验。它支持多种格式的内容输入,如文本、图像、链接、表格等,并且可以自定义样式和功能,以适应各种项目需求。...

    基于PHP的TinyMCE For Zen Cart 编辑器插件 中文优化版.zip

    总的来说,"基于PHP的TinyMCE For Zen Cart 编辑器插件 中文优化版.zip"提供了更高效、直观的内容编辑体验,对于使用Zen Cart构建的中文网站来说是一大利器。通过集成和配置,商家可以更好地展示商品,提升在线商店...

    PHP实例开发源码—TinyMCE For Zen Cart 编辑器插件 中文优化版.zip

    TinyMCE For Zen Cart 是一个基于PHP的编辑器插件,专为Zen Cart电子商务平台设计。Zen Cart是一款开源的购物车系统,允许商家构建和管理在线商店。TinyMCE是著名的富文本编辑器,提供了丰富的文字编辑功能,如字体...

    tinymce3官方韩语语言包ko

    TinyMCE是一款强大的所见即所得(WYSIWYG)富文本编辑器,广泛应用于网页内容编辑、CMS系统以及各种在线应用中。该编辑器以其高度可定制性、丰富的插件支持和多语言支持而备受青睐。"tinymce3官方韩语语言包ko"是...

    django-tinymce

    【django-tinymce】是一个基于Django框架的插件,主要功能是为Django的后台管理界面提供一个强大的富文本编辑器。这个编辑器允许管理员在不涉及代码的情况下,创建和编辑包含HTML元素的页面内容,极大地提升了内容的...

    基于PHP的TinyMCE For Zen Cart 编辑器插件 中文优化版 v4.6.2.zip

    使用TinyMCE编辑器时,要注意兼容性和浏览器支持。虽然TinyMCE通常与大部分现代浏览器兼容,但在部署前最好在不同的浏览器上进行测试,以确保所有客户都能获得一致的用户体验。此外,由于这是一个中文优化版,所以...

    在线文本编辑器tinymce

    2. **初始化编辑器**:通过JavaScript代码调用TinyMCE的初始化方法,指定要转换为富文本编辑器的元素ID。 3. **配置编辑器**:根据需求设置配置项,如工具栏按钮、样式表、语言等。 4. **处理内容**:通过TinyMCE...

Global site tag (gtag.js) - Google Analytics