发布于 2015-01-17 08:53:22 | 211 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的CKEditor 4 开发人员指南,程序狗速度看过来!
CKEditor网页编辑器
CKEditor 即 FCKEDITOR 。FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor。
本文分别为大家讲解了php/js调用fckeditor编辑器的方法,感兴趣的同学参考下。
CKEditor 即 FCKEDITOR 。FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor。
一、PHP调用fckeditor方法。
<?php
require_once(PATH_PRE.”fckeditor.php”); // 包含fckeditor类,
$oFCKeditor = new FCKeditor('content') ; //创建一个fckeditor对象,表单的名称为content
$oFCKeditor->BasePath=”../fckeditor/”; //编辑器所在目录
$oFCKeditor->ToolbarSet=”Yiyunnet”; // 默认编辑器工具栏有Basic(基本工具) Default(所有工具)Soft(分一栏可以插入图片视频 ) Renpeng (可以上传图片视频分为两栏 ) Full (三栏)
$oFCKeditor->Height='100%'; //高度
$oFCKeditor->Width='100%'; //宽度
$oFCKeditor->Value=”"; //初始值 还可设置以下部分(”=”包含部分),并非必须:
$oFCKeditor->Config['SkinPath'] = ‘../editor/skins/silver/'; // 设置编辑器皮肤共有三种皮肤default
$oFCKeditor->Create(); //在要显示编缉器的地方输出变量$myeditor的值就行了
?>
FCKeditor js调用方法一
<script src=”fckeditor/fckeditor.js”></script>
<script type=”text/javascript”>
var oFCKeditor = new FCKeditor( ‘Content' ) ;
oFCKeditor.BasePath = ‘fckeditor/' ;
oFCKeditor.ToolbarSet = ‘Basic' ;
oFCKeditor.Width = ‘100%' ;
oFCKeditor.Height = ‘400′ ;
oFCKeditor.Value = ” ;
oFCKeditor.Create() ;
</script>
FCKeditor js调用方法二
<script src=”fckeditor/fckeditor.js”></script>
<script type=”text/javascript”>
function showFCK(){
var oFCKeditor = new FCKeditor('Content') ;
oFCKeditor.BasePath = ‘fckeditor/' ;
oFCKeditor.ToolbarSet = ‘Basic' ;
oFCKeditor.Width = ‘100%' ;
oFCKeditor.Height = ‘200′ ;
oFCKeditor.Value = ” ;
oFCKeditor.ReplaceTextarea() ;
document.getElementByIdx(”btnShow”).disabled = ‘true';
document.getElementByIdx(”btnShow”).style.display = ‘none';
}
</script>
<textarea name=”Content”></textarea>
<input id=btnShow style=”display:inline” type=button onclick=”showFCK()”>