CKEditor 文本域编辑

CKEditor
    网页中实现所见即所得的编辑器
使用CKEditor步骤
   下载CKEditor
   解压到项目中
   在页面中加入CKEditor
   使用CKEditor 编辑内容
   提交CKEditor编辑的内容

===================================

在页面中使用CKEditor
   在页面中引入ckeditor.js
   在页面中加入textarea,使之成为CKEditor
   通过config.js配置 CKEditor
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea id="newscontent" name="newscontent" class="ckeditor" ></textarea>
CKEDITOR.editorConfig = function( config ) {
config.language = 'zh-cn'; // 配置语言, zh-cn代表中文
config.uiColor = '#AADC6E'; // 背景颜色
config.width = 'auto'; // 宽度
config.height = '300px'; // 高度
config.skin = 'office2007';// 皮肤: v2,kama,office2007
};

===================================================

在页面中使用CKEditor
   在页面中引入ckeditor.js
   在页面中加入textarea,使之成为CKEditor
   通过config.js配置 CKEditor
   CKEditor文件夹
      _samples:存放官方的Demo
      lang:存放多国语言文件
      skins:皮肤文件夹

猜你喜欢

转载自4636.iteye.com/blog/2324320