在线编辑器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
分享到:
相关推荐
总的来说,TinyMCE是一个功能强大的富文本编辑器,通过合理的配置和使用,可以满足各种复杂的网页编辑需求,而且支持多语言,包括中文,为非英语用户提供便利。在实际应用中,开发者可以根据项目的具体需求对TinyMCE...
TinyMCE是一款强大的富文本编辑器,被广泛应用于网页内容...总的来说,TinyMCE中文语言包是提升国内用户使用富文本编辑器体验的重要工具,通过简单的配置即可实现编辑器的中文化,使得用户能够更加自如地进行内容编辑。
此外,通过阅读博文链接,你可以获取更多关于TinyMCE的使用技巧和示例,以便更好地理解和运用这款强大的在线编辑器。同时,官方文档也是一个重要的学习资源,它详细介绍了每个功能的使用方法和配置选项。 总的来说...
`readme.txt`通常是项目提供的说明文档,它可能包含关于如何安装、配置和使用TinyMCE中文版集成上传图片功能的详细指南。在实际操作中,应仔细阅读此文件以获取更多信息。 总结来说,PHP版的TinyMCE中文版集成上传...
TinyMCE是一款功能强大的开源富文本编辑器,它提供了丰富的API和插件,可以定制化满足各种复杂的编辑需求。本篇文章将详细讲解如何在Vue3项目中引入并使用带有汉化包的TinyMCE编辑器。 首先,你需要从TinyMCE官方...
关于“简体中文tinymce编辑器插件下载”的描述虽然重复,但我们可以推测,这个压缩包包含的可能是一个或者多个专门为简体中文环境优化的Tinymce插件,可能提供了更好的中文输入体验、更完善的中文字符支持或者其他...
总的来说,"前端富文本tinymce中文包"为中国的前端开发者和网站管理员提供了一个方便、易用的富文本编辑解决方案。结合其强大的API和丰富的插件系统,TinyMCE可以适应各种各样的应用场景,无论是简单的博客编辑,...
** Tinymce 编辑器汉化详解 ** Tinymce 是一款非常...通过熟练掌握 Tinymce 的使用和配置,我们可以为用户提供更加友好和符合本地习惯的文本编辑体验。同时,Tinymce 的高度可定制性也使其成为开发人员的得力工具。
总之,Tinymce离线资源为开发者提供了一种便捷的方式,使他们能够在本地环境中无缝使用这个强大的富文本编辑器,同时提高了应用的稳定性和性能。理解并掌握如何部署和配置这些资源,是提升项目效率和用户体验的关键...
### Java开发之文本编辑器TinyMCE-含上传本地图片 #### 一、TinyMCE简介及优势 TinyMCE是一款强大的WYSIWYG编辑器,适用于多种编程环境,包括但不限于Java。它提供了丰富的功能,如字体样式设置、颜色选择、表格...
Tinymce 是一款流行的开源富文本编辑器,它提供了丰富的功能,让用户在网页上能够方便地编辑、格式化文本,类似于Microsoft Word的在线版本。Tinymce 支持多种语言,包括中文,并且可高度自定义,广泛应用于内容管理...
在你提供的信息中,"tinymce3官方中文语言包zh"是一个专门为TinyMCE 3版本设计的语言包,目的是为了让中国用户能够更方便地使用这个编辑器,提供完整的中文界面。 TinyMCE 3是TinyMCE的一个较早版本,虽然现在最新...
【tinymce】是一款知名的富文本编辑器,广泛应用于网页内容编辑和管理,为用户提供类似Microsoft Word的界面和功能,使得非编程人员也能轻松编辑和格式化网页内容。它支持多种语言,包括中文,并且拥有丰富的插件...
TinyMCE是一款强大的富文本编辑器,常用于网页和应用程序中,为用户提供WYSIWYG(所见即所得)的编辑体验。它支持多种格式的内容输入,如文本、图像、链接、表格等,并且可以自定义样式和功能,以适应各种项目需求。...
总的来说,"基于PHP的TinyMCE For Zen Cart 编辑器插件 中文优化版.zip"提供了更高效、直观的内容编辑体验,对于使用Zen Cart构建的中文网站来说是一大利器。通过集成和配置,商家可以更好地展示商品,提升在线商店...
TinyMCE For Zen Cart 是一个基于PHP的编辑器插件,专为Zen Cart电子商务平台设计。Zen Cart是一款开源的购物车系统,允许商家构建和管理在线商店。TinyMCE是著名的富文本编辑器,提供了丰富的文字编辑功能,如字体...
TinyMCE是一款强大的所见即所得(WYSIWYG)富文本编辑器,广泛应用于网页内容编辑、CMS系统以及各种在线应用中。该编辑器以其高度可定制性、丰富的插件支持和多语言支持而备受青睐。"tinymce3官方韩语语言包ko"是...
【django-tinymce】是一个基于Django框架的插件,主要功能是为Django的后台管理界面提供一个强大的富文本编辑器。这个编辑器允许管理员在不涉及代码的情况下,创建和编辑包含HTML元素的页面内容,极大地提升了内容的...
使用TinyMCE编辑器时,要注意兼容性和浏览器支持。虽然TinyMCE通常与大部分现代浏览器兼容,但在部署前最好在不同的浏览器上进行测试,以确保所有客户都能获得一致的用户体验。此外,由于这是一个中文优化版,所以...
2. **初始化编辑器**:通过JavaScript代码调用TinyMCE的初始化方法,指定要转换为富文本编辑器的元素ID。 3. **配置编辑器**:根据需求设置配置项,如工具栏按钮、样式表、语言等。 4. **处理内容**:通过TinyMCE...