liferay之TinyMCE(4.0.26)富文本编辑器的使用及本地图片上传的实现

1.到官网http://www.tinymce.com/download/download.php下载TinyMCE 4.0.26 jQuery package.zip这个包
2.到http://www.tinymce.com/i18n/index.php下载中文语言包(Chinese(china))即zh-CN
3.到jquery的官网下载jquery,我用的是jquery-1.11.1.min.js版本
3.由于官网上并不支持图片的本地上传,所以用第三方的插件,可以参考:http://jsfiddle.net/SjJh7/185/
4.新建一个文件夹,把TinyMCE 4.0.26 jQuery package.zip和tinymce_languages.zip分别解压到该文件夹下,把langs下面的zh_CN.js放到tinymce/js/tinymce/langs下
5.把jquery-1.11.1.min.js放到tinymce/js下
5.写个测试页面测试一下功能,命名为test.html,在下面写入如下内容




    tinymce 4 editor
















6.双击test.html测试,效果图如下

liferay之TinyMCE(4.0.26)富文本编辑器的使用及本地图片上传的实现_第1张图片

7.这只是完成了页面部分,后台部分不在此敖述了,和一般的图片上传一样

8.其他各项参数设置及其他插件的使用,请阅读官方文档

9.如果懒得自己动手,这里提供一个写好的,下载地址:http://download.csdn.net/detail/u013310075/7341191

你可能感兴趣的:(liferay)