ckeditor笔记

1,在页面<head>中引入ckeditor核心文件ckeditor.js
  <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
2,在<body>中加入<testarea>标签
 <textarea rows="20" cols="2" id="my" class="ckeditor"></textarea>
  class="ckeditor"是必须
3,<head>中引入  //不是必须
   <script type="text/javascript">
      ckeditor.replace('TextArea1');
   </script>
4, 在jsp中使用
   //必须有id属性
   <form action="show.jsp" method="post">
       <textarea rows="20" cols="2" id="my" class="ckeditor" name="my"></textarea>
       <input type="submit" value="提交">
  </form>
5,工具按钮
   config.toolbar["Default"]=[]
6,设置字体
  config.font_names = '宋体;楷体_GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial';
7,宽度 高度
  config.width=500;
  config.height=300;
8,编辑器样式
  config.skin='kama'(默认)  office2003  v2
9,背景颜色
  config.uiColor='red';
10,工具栏
  config.toolbar='Basic' (基础)
  config.toolbar='Full'
11,工具栏是否可以被收缩
   config.toolbarCanCollapse=true;
12,工具栏的位置
   config.toolbarLocation = 'top';//可选:bottom
13,工具栏是否展开
    config.toolbarStartupExpanded = false/true;
14,快捷键
   config.keystrokes

 

 

 


 

 

原文地址:https://www.cnblogs.com/itmyhome/p/4131517.html