1. 新建 editor.js
var fkc_editor_instance = null;
function FCKeditor_OnComplete(editorInstance){
fkc_editor_instance = editorInstance;
fkc_editor_instance._callback = function(value){
if(this.CommandName == 'Image'){
var target = GetE(this.CommandTarget);
if(target){
target.value = value;
}
}
this.CommandName = null;
}
function GetE(el){
return typeof(el) == 'string' ? document.getElementById(el) : el;
}
}
function FCK_ExecuteCommand(commandName, target){
if(!fkc_editor_instance) return;
fkc_editor_instance.CommandName = commandName;
fkc_editor_instance.CommandTarget = target;
fkc_editor_instance.Commands.GetCommand(commandName).Execute();
}
function FCKEdit(path,toolbar,container){
var con = document.getElementById(container);
var oFCKeditor = new FCKeditor(container);
oFCKeditor.ToolbarSet = toolbar;
oFCKeditor.BasePath = path;
oFCKeditor.Width = parseInt(con.offsetWidth);
oFCKeditor.Height = parseInt(con.offsetHeight);
oFCKeditor.ReplaceTextarea();
}
2. 打开 fckeditor\dialog\fck_image\fck_image.js
查找
var bHasImage = ( oImage != null ) ;
替换为
if (parent.parent.fkc_editor_instance && parent.parent.fkc_editor_instance.CommandName){
parent.parent.fkc_editor_instance._callback(GetE('txtUrl').value);
return true;
}
var bHasImage = ( oImage != null ) ;
注:如果是使用iframe框架,需将“parent.parent.”改为“parent.parent.document.frames('框架名').”。
3. 调用
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript" src="Script/editor.js"></script>
<form method="post">
<input id="picture" type="text" name="picture" />
<input type="button" value="上传" onclick="javascript:FCK_ExecuteCommand('Image','picture');" />
<br />
<textarea id="content" name="content" style="width:580px;height:350px;"></textarea>
<!--// 初始化fck //-->
<script>FCKEdit('/fckeditor/','Baisc','content');</script>
</form>
分享到:
相关推荐
【标签】"fckeditor实例"意味着提供的资源包含具体的使用示例,这对于初学者或者需要快速上手FCKeditor的开发者来说非常有帮助,可以通过实例来学习和理解如何在项目中引入和调用FCKeditor。 【压缩包子文件的文件...
上传功能是FCKEditor的重要特性,但有时可能会遇到自定义图片上传失败的问题。为了解决这个问题,需要在`web.xml`中配置一个名为`Connector`的Servlet,并指定其类为`net.fckeditor.connector.ConnectorServlet`。...
在ASP.NET MVC框架中,MvcFckEditor通常作为一个视图辅助(View Helper)来使用,方便在视图(Views)中集成富文本编辑功能。开发者只需在HTML代码中调用相应的辅助方法,就可以在页面上生成编辑器实例。这样,用户...
已经集成ckfinder上传功能了(去掉了使用限制),注意提交的内容通不过验证的话先加上 ValidateRequest="false" 例: 调用前,先在页面引用 路径可以自己改。...
FCKeditor是一款流行的开源富文本编辑器,它提供了丰富的功能,如字体样式、颜色选择、图片上传、链接管理等,使得用户可以在网页上像在桌面应用中一样编辑文本。 描述中提到“该软件只要添加dll文件和里面的文件夹...
自定义文章属性,方便模板调用 FCKeditor在线编辑器 远程图片本地化,提取第一个图片为缩略图 后台权限管理 栏目权限分配 管理员文章评论回复 无限引用盖楼 简易留言功能 RSS功能 广告管理功能 单独页面内容添加 ...
更强大的文章编辑器 还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,...
还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,支持插入视频和在线...
还在苦恼1.8的FCKEditor不支持IE9、批量上传等功能吗?快来测试Z-Blog2.0吧!Z-Blog团队目前与百度uEditor合作,所 以我们的Z-Blog 2.0也自带百度的uEditor。支持批量上传图片、附件,支持涂鸦,支持插入视频和...
自定义文章属性,方便模板调用 文章支持多页显示 文章草稿功能 文章TAG功能 文章DIGG功能 搜索功能 评论管理 评论[支持/反对]功能(AJAX) 生成HTML模式多样可选 支持URL重写 文章支持自定URL 强大的模板功能 等等....
各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...
各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...
各个层可以单独开发,互相的耦合度很低,这在开发大项目的过程中尤其有优势,层与层之间通过调用接口完成所需要的逻辑单元应用,一切显得非常清晰简单。 Struts是目前最流行的Web框架,提供对开发MVC系统...
2、分离群发邮件表为单独的数据库,减小主数据库体积,对群发邮件功能做了进一步完善;增加按会员组、登陆次数、会员积分、登陆时间、消费总额、会员性别多条件组合群发邮件功能;拆分自定义邮件地址和会员邮件为...
1、支持无限级的分类与子分类,可设置单独页面、频道、列表页2、FCKeditor在线编辑器3、远程图片本地化,提取第一个图片为缩略图4、广告管理功能5、自定义文章属性,方便模板调用6、文章支持多页显示7、搜索功能8、...
自定义文章属性,方便模板调用 文章支持多页显示 文章草稿功能 文章TAG功能 文章DIGG功能 搜索功能 评论管理 评论[支持/反对]功能(AJAX) 生成HTML模式多样可选 支持URL重写 文章支持自定URL 强大的模板功能</font></...
增加附件上传功能; 首页广告位后台可控制开关; 后台控制栏目在导航中是否显示,单独设置显示图片; 修复Fckeditor编辑器外部提交BUG; 修改用户和后台登录Cookies记录为Session; 下载使用本程序,请加上老Y的版权...
-修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...
-修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/hello.aspx示例在单独浏览器打开后,不能弹出对话框的BUG。 -隐藏示例首页最外层RegionPanel...