CKEditor的使用方法

CKEditor下载地址:http://ckeditor.com/download

参考资源:http://www.laokboke.net/2011/12/05/how-to-use-ckeditor-in-java-app/

一、下载标准包的配置方法( )

JSP页面:

<script type="text/javascript" src="<%=path %>/ckeditor/ckeditor.js"></script>

 <body>
    This is my JSP page. <br>
    <textarea name="editor1" id="editor1">老k博客</textarea>
  </body>
  
  <script type="text/javascript">
      CKEDITOR.replace('editor1');
  </script>

EXTJS:

<script type="text/javascript" src="<%=path %>/ckeditor/ckeditor.js"></script>

{
    xtype:'textfield',fieldLabel:'备注',name:'remark',id:'remarkEd',disabled:this.isDisabled,anchor:"100%",
    listeners:{
      afterrender:function(f){
      CKEDITOR.replace('remarkEd');
       
      }
    }
}

二、下载完整版(Full package)

JSP页面:

<head>

<script type="text/javascript" src="<%=path %>/ckeditor/ckeditor.js"></script>
 <script>
function Focus() {
CKEDITOR.instances.editor1.focus();
}

   </script>

</head>

<body>
    This is my JSP page. <br>
    <textarea name="editor1" id="editor1">老k博客</textarea>
  </body>
  
  <script type="text/javascript">
      CKEDITOR.replace('editor1');
  </script>


EXTJS:

<script type="text/javascript" src="<%=path %>/ckeditor/ckeditor.js"></script>

{
   xtype:'textfield',fieldLabel:'备注',name:'remark',id:'remarkEd',disabled:this.isDisabled,anchor:"100%",
   listeners:{
     afterrender:function(f){
     CKEDITOR.replace('remarkEd');
     CKEDITOR.instances.remarkEd.focus();
     }
   }
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值