调用FCKeditor的两种方法

103 篇文章 0 订阅
53 篇文章 0 订阅

1、通过创建实例 

    在这里只写调用它的代码了,网站的其他代码当然由你自己写了,把下面的代码加在需
要编辑器的地方:

 <?php  
 include_once("FCKeditor/fckeditor.php");//引用 FCKeditor.php 这个文件 
 $FCKeditor=new FCKeditor('welefen');//创建 FCKeditor 对象的实例 
 $FCKeditor->BasePath='FCKeditor/';//FCKeditor 所在的位置,这里它的位置就是
 'FCKeditor/'; 
 $FCkeditor->ToolbarSet='Default'; //工具按钮设置 
 $FCKeditor->Width='100%'; //设置它的宽度 
 $FCKeditor->Height='300px'; //设置它的高度 
 $FCkeditor->Create(); 
 ?> 

2、通过 iframe 调用创建 

     在你认为该加的地方加上
<INPUT id=content style="DISPLAY: none" type=hidden name="welefen">  
<INPUT id=content___Config style="DISPLAY: none" type=hidden>  
<IFRAME id=content___Frame 
  src="FCKeditor/editor/fckeditor.html?InstanceName=welefen&amp;Toolbar=Defaul
 t" frameBorder=0 width=100% scrolling=no height=300> 
 </IFRAME> 

3、对上述两种方法的说明

     在上述两种方法中,你都看到了字符串'welefen',你可能不知道是什么意思,现在我
给你解释一下,如果你要将文本编辑器中的内容在另外一个页面显示或者要将在它保存在数
据库,你可以用$_POST['welefen']或者用$_GET['welefen']来获取文本编辑器中的内容,
具体是用 post 还是用 get 那要看你用的是什么传递方法了,当然你也可以把 welefen 改
成你想要用的,如'content'.

     如果你还不知道什么是 ajax,那么这一段话你就不用看了。

     当你用ajax 的来获得内容的时候是不是发现得不到内容,如:
     <script>alert(document.form.content.value)</script>你会发现谈出的窗口
没内容
     那么我们可以通过下面的代码来获得它的内容:

 function getContentValue() 
  { 
     var oEditor = FCKeditorAPI.GetInstance('content') ; 
     var acontent=oEditor.GetXHTML(); 
     return acontent; 
  } 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
此文档的目录结构: 1 FCKeditor的下载及介绍 4 1.1 下载地址 4 1.2 FCKeditor下载包的介绍 4 2 FCKeditor的目录和文件精简 4 3 在页面创建FCKeditor 4 3.1 Js创建FCKeditor实例: 4 3.1.1 方法一:内嵌方法(推荐) 4 3.1.2 方法二:替换页面中的Textarea 5 3.1.3 方法三:适合于Ajax调用方法 6 3.1.4 Js中FCKeditor对象的属性(集合)和方法 6 3.1.4.1 属性 6 3.1.4.2 集合 7 3.1.4.3 方法 7 3.1.5 FCKeditor的JS构造器 9 3.1.6 将从后台读取的数据显示在FCKeditor中 9 3.2 在Jsp中通过自定义标签创建: 9 3.3 FCKeditor API 调用 10 3.4 适时打开编辑器 10 4 修改FCKeditor的配置: 11 4.1 方法一:修改fckconfig.js 文件 11 4.2 方法二:使用一个额外的配置文件覆盖默认配置 11 4.3 配置的加载顺序 11 4.4 提示 11 4.5 一般需要修改的配置项 11 4.5.1 默认语言 11 4.5.2 自定义ToolbarSet, 去掉一些不需要的功能 12 4.5.3 加上几种常用的字体 13 4.5.4 修改“回车” 和 “Shift + 回车”的换行行为 13 4.5.5 修改编辑区的样式文件 14 4.5.6 更换表情图片 14 4.5.7 编辑区域的右键菜单功能 14 4.6 fckconfig.js配置参数选项说明 15 4.7 自定义工具栏按钮 17 4.8 自定义右键菜单 18 5 文件上传问题 19 5.1 开启和关闭文件上传功能(fckconfig.js) 19 5.2 文件上传的基本使用 19 5.3 上传中文文件名的文件会出现乱码 20 5.4 创建中文名目录会出现乱码 21 5.5 引用中文名文件的图片不能正常显示 21 5.6 控件允许上传的文件的类型 22 5.7 控制上传的文件的大小 22 5.8 增加文件删除功能 23 6 超连接重定位问题 25 7 使用FCKeditor的API 26 7.1 获得FCKeditor的实例 26 7.1.1 获得当前页FCKeditor实例 26 7.1.2 从FCKeditor的弹出窗口中获得FCKeditor实例 26 7.1.3 从框架页面的子框架中获得其它子框架的FCKeditor实例 26 7.1.4 从页面弹出窗口中获得父窗口的FCKeditor实例 26 7.2 常见的Js方法调用 27 7.2.1 插入HTML到FCKeditor 27 7.2.2 设置FCKeditor的内容(HTML) 27 7.2.3 获取FCKeditor中的XHTML 27 7.2.4 获取FCKeditor中的innerHTML和innerText 27 7.2.5 执行指定动作 28 7.2.6 统计编辑器中内容的字数 29 7.2.7 检查FCKeditor中的内容是否有改动 29 7.2.8 将FCKeditor中的内容是否有改动的值重新设置 29 8 外联编辑条(多个编辑域共用一个编辑条) 29 9 解释fck样式(CSS)的工作原理 30 10 获取FCKeditor中插入的图片 31
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值