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();
}
}
}