CKEDITOR使用与配置
2009-11-16 10:10
375 查看
安装:
下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK!
引用CKEDITOR的JS文件:
新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
注意:1.src的路径。
2.不要写成<script type="text/javascript" src="ckeditor/ckeditor.js />样式,在现有的3.0.1版本中会出现CKEDITOR未定义的脚本错误提示,致使不能生成编辑器。
替换TEXTAREA标签:
[align=left]<textarea rows="30" cols="50" name="editor01">请输入
CKEDITOR.replace( 'editor1',
{
on :
{
instanceReady : function( ev )
{
// Output paragraphs as <p>Text</p>.
this.dataProcessor.writer.setRules( 'p',
{
indent : false,
breakBeforeOpen : true,
breakAfterOpen : false,
breakBeforeClose : false,
breakAfterClose : true
});
}
}
});
[/align][/code]
Another way for it is by using the CKEDITOR object, so all editor instances will be changed:
也可以对所有的编辑器进行设定。
下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK!
引用CKEDITOR的JS文件:
新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
注意:1.src的路径。
2.不要写成<script type="text/javascript" src="ckeditor/ckeditor.js />样式,在现有的3.0.1版本中会出现CKEDITOR未定义的脚本错误提示,致使不能生成编辑器。
替换TEXTAREA标签:
[align=left]<textarea rows="30" cols="50" name="editor01">请输入
CKEDITOR.replace( 'editor1',
{
on :
{
instanceReady : function( ev )
{
// Output paragraphs as <p>Text</p>.
this.dataProcessor.writer.setRules( 'p',
{
indent : false,
breakBeforeOpen : true,
breakAfterOpen : false,
breakBeforeClose : false,
breakAfterClose : true
});
}
}
});
[/align][/code]
Another way for it is by using the CKEDITOR object, so all editor instances will be changed:
也可以对所有的编辑器进行设定。
CKEDITOR.on( 'instanceReady', function( ev ) { // Out self closing tags the HTML4 way, like <br>. ev.editor.dataProcessor.writer.selfClosingEnd = '>'; });
相关文章推荐
- CKEditor 3.0安装配置使用
- 【转载】CKeditor使用与配置
- CKeditor 配置使用
- CKEditor使用配置
- ASP.NET中CKEditor与CKFinder的配置使用
- CKEditor使用配置
- CKEditor和CKFinder在ASP.NET项目中安装,配置和使用详解
- CKEditor_3.6.2配置及自定義使用
- Ueditor和CKeditor 两款编辑器的使用与配置方法
- CKEDITOR使用与配置
- ckeditor详细配置与使用说明
- CKEditor的下载、配置与使用
- CKEDITOR使用与配置
- CKEditor 3.0的简单安装配置使用
- 如何配置与使用CKEDITOR
- CKeditor 3.6.2 配置使用
- CKEditor配置及使用
- CKEDITOR使用与配置
- CKEditor配置使用
- [转载]ASP.NET MVC 2配置使用CKEditor编辑器