灵感源于生活 - 生活源于自然 - 用心才能做到最好
您现在的位置是:首页 - 我爱设计 - 正文

JQuery对Fckeditor编辑器的取值

  记得以前我针对这个问题在网上搜索了好多,可惜都没有好的方法实现,没有成功过,这个插件也不知道是什么时候开发出来的,只是因为最近又碰到同样的问题,在网络上找到的这个插件和使用方法,还比较简单而且很适用,现在把他整理一下,希望多少能对大家有所帮助。

首先下载这个插件jquery.FCKEditor.rar

第一步:在页面头部加载js文件(根据实际情况修改相应路径)

XML/HTML代码
  1. <script src="../js/jquery.js" type=text/javascript></script>  
  2. <script src="../js/jquery.FCKEditor.js" type=text/javascript></script>  
  3. <script src="../fckeditor/fckeditor.js" type="text/javascript"></script>  

第二步:初始化编辑器(根据实际情况修改相应路径)

JavaScript代码
  1. //初始化FCKEditor
  2. $.fck.config = {path: '/这里是你的项目名称/fckeditor/', height: 400 ,toolbar:'Default'};
  3. $('textarea#ncontent').fck();

其中#ncontent为页面你所绑定的textArea的id或name

第三步:取值

JavaScript代码
  1. var getcontent = $.fck.content('ncontent'''); //其中ncontent为页面你所绑定的textarea的id或name

OK,搞定,完工,是不是很简单,呵呵,这个是网上找到的方法,下面贴出我自己的方法

首先在头部加载编辑器初始化的相关文件

XML/HTML代码
  1. <!--#include file="../fckeditor/fckeditor.asp" -->

加载JS文件:

XML/HTML代码
  1. <script src="../js/jquery.js" type=text/javascript></script>           
  2. <script src="../js/jquery.FCKEditor.js" type=text/javascript></script>        
  3. //这里我没有加载编辑器的JS文件,因为我初始化编辑器的方式不是用JS的  

初始化编辑器:

ASP/Visual Basic代码
  1. <%   
  2.   Dim fck   
  3.   Set fck = New FCKeditor   
  4.   fck.BasePath = "../FCKeditor/"    
  5.   fck.ToolbarSet = "Basic"  
  6.   fck.Width = "70%"  
  7.   fck.Height = "300"  
  8.      
  9.   fck.Value = Content   
  10.   fck.Create "comments"    
  11. %>  

最后取值

JavaScript代码
  1. var getcontent = $.fck.content('ncontent'''); //其中ncontent为页面你所绑定的textarea的id或name  

大致思路是一样的,就是对加载编辑器这快有点区别。

已经有(6)位网友发表了评论,你也评一评吧!

  原创文章如转载请注明:转载自心诺设计风尚 xvdesign.com 欢迎订阅心诺设计风尚
  本文链接:http://xvdesign.com/post/138.html [复制链接]

  • 看图读文
  • 最新酷站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

6 #品牌策划
品牌策划 够猛,够强。
5 #广州网站建设
广州网站建设 很好很强大。
4 #高度近视
高度近视 够猛,够强。
3 #广州婚纱摄影
广州婚纱摄影 文章写得很不错,赞一个。
2 #笨兔
笨兔 呵呵,换了ckeditor2就可以了,看来最新版还是不支持的。
2009-11-19 14:13:41 【REPLY】【TOP】
1 #笨兔
笨兔 我想知道,为什么我的不好用,我用的fckeditor3
2009-11-19 13:26:54 【REPLY】【TOP】