手机端小强原创文章,java小强个人博客站点
当前位置: 首页 >> JS >> FCKEditor的使用

FCKEditor的使用

16600 JS | 2015-1-3

1.首先登录官网下载文件包 如:FCKeditor_2.6.4.1.zip


2.解压后生成一个目录fckeditor将该目录拷贝到工程的根目录下


3.在页面中引用工具包,这里使用使用Javascript引用,还可以使用FCK的标签引用

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>


4.定义一个文本编译域,并在窗体加载时加载事件:

 <script type="text/javascript">
 window.onload=function(){
  var oFCKeditor = new FCKeditor( 'myData' ) ;
  //编译器基本路径
  oFCKeditor.BasePath = "/fckeditor/fckeditor/";
  //高度
  oFCKeditor.Width=600;
  //宽度
  oFCKeditor.Height=400;
  //初始化内容
  oFCKeditor.value="WRITE YOU MESSAGE HERE!";
  oFCKeditor.ReplaceTextarea() ;      
 }
 </script>
 <textarea rows="10" cols="20" name="myData" id="myData">     
    </textarea>


1.修改工具条的内容

在引用文件里有一个fckconfig.js文件,打开后找到

FCKConfig.ToolbarSets["Default"]的配置,引用默认使用的是Default

一共63个属性,分别对在页面中看到的功能,自己定制想要的功能即可。


2.修改增加可应用的字体

同样在fckconfig.js文件中找到

FCKConfig.FontNames属性,然后进行增加如:

FCKConfig.FontNames  = '宋体;楷体;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

 就增加了宋体和楷体两种样式


3.修改回车样式

同样在fckconfig.js文件中找到

FCKConfig.EnterMode = 'p' ;   // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

定义了回车和SHIFT+回车的样式,默认是P,后面列出了可以使用的值,改为BR即可


4.增加表情图片

同样在fckconfig.js文件中找到

FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages = ['paisini.JPG','regular_smile.gif'] ;
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth  = 320 ;
FCKConfig.SmileyWindowHeight = 210 ;

以上属性意思分别为,图片地址,图片,每行显示几个表情,表情窗口的宽度,高度

只要将图片复制到指定的文件内,然后在FCKConfig.SmileyImages内注册一下即可

注意:当我们添加的图片太多时,显示将出现不尽人意的地方,以下为如何显示滚动条

打开表情窗口看窗口属性可以得知,该窗口实际上是一个页面,该页面在

Fckeditor/ editor/ dialog/ fck_smiley.html ,找到文件做如下修改:

(1)在该页面加载时调用了一个函数

window.onload = function ()
{
 // First of all, translate the dialog box texts
 oEditor.FCKLanguageManager.TranslatePage(document) ;
 //dialog.SetAutoSize( true ) ;
}

注释掉第二句内容

(2)在页面中有该属性

<body style="overflow: hidden">

Overflow的意思可以参考CSS手册,默认是不显示滚动条,可选值还有 auto 需要时显示;scroll 总是显示,设置为 auto 即可


5.去除浏览器服务器按钮功能

我们在点击图片时可以看到有一个浏览服务器的功能,我们现在要将其去除,同样在该页面看属性,找到对应的文件,这个窗口对应的文件为:

fckeditor/editor/dialog/fck_image.html

在页面里找到对应按钮,注释即可!另外,该窗口的预览中带有大量问题,如果想去除或更改以同样方式找到对应的页面,修改或删除即可,注意是在文本框内右键看属性

推荐您阅读更多有关于“ 上传 FCKeditor JS编辑器 ”的文章

上一篇:FCKEditor深度涉险 下一篇:EL表达式 操作符 功能和作用

猜你喜欢

发表评论:

个人资料
blogger

java小强
没有思考,人生的路会越走越难!

搜索
分类
最新微语
  • 今天同学问我,最近还在写代码吗?我想了想,这个问题怎么回答呢,我好像确实很长时间,虽然写了一些,但是主要内容已经不是写代码了。然后再想想,自己也7年多了,这么多年了,我收获了什么,我的目标到底是什么。眼看就奔三了,人生啊,开启感叹模式。

    2017-03-30 22:52

  • 也许大家都已经注意到了,今年的房价,好多地方都是翻了一番,跟着就是,各地房东开始变相涨租。今年之所以搬走,就是为此,这两天同学也是如此。很多房东只认钱,别谈感情,伤钱。而对于这个城市来说,你怎么定位自己,你真把自己当成她的一份子?你来此为何?将来何去何从?自己掂量清楚。

    2016-12-05 10:03

  • 为什么一直不写了呢?因为当爸爸了,没空了。今年的冬天,有些寒冷,除了这寒冬带来的不适,更有因乐视公司遇到危机,而带来的同事别离。送别同事,看着空旷的工位,心中有些悲凉。临近年关,此时此刻,该怎么做,似乎不再是脑子一热那么简单了。

    2016-11-24 11:28

  • 已经请假,加上国庆,要很长一段时间不在北京了。919加班,搞的现在有点心累,胸闷,身体不适。看来,我要好好休息一下了。这几天有些冷,2016的冬天,一步步来了,各位亲友,记得添衣加粗啊。

    2016-09-23 17:29

  • 现在是真的有秋天的感觉了,晚上也不热了,白天也凉快了。再来点风,那酸爽,就有一种想出去防风的冲动了。不过因为最近广州的事情压着,我也没办法,搞的特别累,以前是天天加班不想有自由,现在是因为有事情了,被限制了自由。加上公司的一些事情,感觉日子特别的无聊。

    2016-08-31 17:39

  • 更多»

最新文章
热门文章
随机文章