Fckeditor使用方法

Fckeditor使用方法Fckeditor使用方法

大家好,又见面了,我是你们的朋友全栈君。

       FCKEditor是一个专门使用在网页上的属于该房源代码的文字编辑器。它不需要太复杂的安装步骤即可使用,是一个轻量化的工具。可以和JavaScript、ASP.NET、JAVA、PHP等不同的编程语言结合。现在FCKEditor已经重新开发,并更名为CKEditor。

       在我们的程序中使用FCKEditor的具体方法为:

1.将解压后的FCKEditor整个文件夹复制到项目的WebRoot路径下。

2.在使用FCKEditor的页面导入fckeditor.js文件

<script language="javascript" src="${pageContext.request.contextPath}/fckeditor/fckeditor.js" charset="utf-8"></script> 

3.写一段JS代码,来显示FCKEditor

<script type="text/javascript">  
        $(function(){  
            var fck = new FCKeditor("content");//content为要替换的textarea的name属性  
            fck.Width = "99%";  
            fck.Height = "100%";  
            fck.ToolbarSet = "bbs";//指定工具栏的配置,bbs为我自己修改过的,如果不使用自定义配置文件,此处有Default,Basic两个选择  
            fck.BasePath = "${pageContext.request.contextPath}/fckeditor/";  
            fck.ReplaceTextarea();  
        });  
</script>  

        我们可以根据自己的需要来修改JS代码,实现自己想要的效果。

        因为我们有时候会涉及到数据的回显问题,一般我们都显示在textarea中,所以我们可以设置textarea的name属性和FCKEditor的content为相同的名称,这样我们在操作textarea的时候就像是在操作FCKEditor一样。

<textarea name="content" style="width:650px;height:200px"></textarea>  

        这样我们就实现了一个简单的页面编辑器的功能。

JS代码中各个参数具体作用(使用本js或者上文使用方法步骤3的代码都可以,两段代码大同小异)

<script type="text/javascript">  
  
        var oFCKeditor = new FCKeditor( 'content' ) ;//此参数会作为提交表单时的参数名  
        oFCKeditor.BasePath = "/fckeditor/" ;//一定要指定editor文件夹所在的路径,并且要以'/'结尾  
        oFCKeditor.Height   = 300 ;//高度  
        oFCKeditor.Value    = '' ;//默认的初始值  
        oFCKeditor.ToolbarSet="Basic";//指定工具栏的配置,默认为Default  
        //oFCKeditor.Create() ;//在当前位置生成并显示Fckeditor  
        oFCKeditor.ReplaceTextarea();//替换指定id或name属性的textarea为Fckeditor  
</script>  

使用自定义的配置文件

1.在fckconfig.js里将FCKConfig.CustomConfigurationsPath = ”修改为:  FCKConfig.CustomConfigurationsPath = FCKConfig.EditorPath + “myconfig.js”  作用:告诉Fckeditor,我有个自定义的配置在该地址下的该文件。

2.在myconfig.js里写想修改的东西,例如:表情,Fckeditor菜单栏的减少等,模版在fckconfig.js里面有,参考着修改即可。没有修改的配置,Fckeditor默认使用自己的默认配置。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/105684.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 命令行编译VC程序

    命令行编译VC程序

  • Windows 自己主动关机命令 shuntdown

    Windows 自己主动关机命令 shuntdown

  • stm32循迹小车详细制作过程(附加完全版代码)「建议收藏」

    stm32循迹小车详细制作过程(附加完全版代码)「建议收藏」stm32循迹小车详细制作过程一.材料准备1、主控板Stm32f103c8t6(推荐,便宜够用)2、下载器USB转TTL串口模块3、电源12v锂电池组、配套充电器(推荐下图这种,方便,好接线,12v!12v!12v!)4、电机驱动模块L298n电机驱动模块(尽量多备一两个,容易烧)5、循迹模块TCRT5000循迹模块(多买几个,四个吧)6、杜邦线公对公、母对母、公对母(都买上,不贵,消耗品)7、开关避免出现意外还是备一个吧8、小车底座有四个轮的,三个轮的(

  • python 命名规范

    python 命名规范python变量命名规则:变量名只能包含字母、数字和下划线。变量名可以字母或下划线开头,但不能以数字开头,例如,可将变量命名为message_1,但不能将其命名为1_message。 变量名不能包含空格,但可使用下划线来分隔其中的单词。例如,变量名greeting_message可行,但变量名greetingmessage会引发错误。 不要将Python关键字和函数名用作变量名,即不要…

  • 雅典娜暴利烹饪系列(上)

    雅典娜暴利烹饪系列(上)刨冰事件田中大人曾经问过:和平是无聊的的代名词吗?答:不是。今天的圣域在纱织的领导下,依然过着比战时更加热闹的日子。  早晨出门时,修罗觉得自己是这个世界上最为幸福的人。为了庆祝他拿到特级厨师证书,女神订购了最新的微波炉和冰箱装备到他的厨房里,吹着口哨出门采购的修罗,觉得今天的阳光格外的灿烂。  修罗出门,一般总是把厨房交给卡妙照顾,卡妙是全圣域厨艺仅次于修罗的人,尤其擅长制作冷饮,其成品清凉

  • 基于QT播放器的实现(一)Rgb、YUV格式(附带代码)

    基于QT播放器的实现(一)Rgb、YUV格式(附带代码)基于QT播放器的实现(一)Rgb、YUV格式色度空间转换YUV转RGB的公式对本地RGB32视频图像的播放色度空间转换YUV颜色模型其实常用于视频传输和图像压缩。由于人类的眼睛,对亮度的敏感度远超过对色彩的敏感度,所以视频传输过程中,为了减小带宽,通常将色彩分量UV的比例减小,以达到降低带宽的目的。这就出现了YUV4:4:4、YUV4:2:2、YUV4:1:1等格式。RGB32使用32位来…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号