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)


相关推荐

  • Java基础知识总结(2021版)「建议收藏」

    前言大家好,我是素小暖,2012年毕业,2016年通过培训转行java开发,今天2021年1月9日,转行之路跌跌绊绊,蓦然回首,已经满满的4年工作经验了?但感觉知识还是相当的匮乏,没自信,也许是努力程度还不够吧。很感谢CSDN,因为是它给了我学习的动力,之前写了一篇记录CSDN博客访问量的文章,也许大家感觉很幼稚,但真的很有用,很有效果,仿佛磕了药一样,努力学习,进步。2020年,是我较为成功的一年,工作上,跳了槽,涨了工资;学习上,啃了几本名著(EffectiveJava、重构改善既.

  • SpringBoot整合dubbo详述「建议收藏」

    环境:jdk1.8+springboot-2.2.1+dubbo-2.5.3+zookeeper-3.5.5+maven构建工具:IDEA我们知道,dubbo的本质就是一个远程服务调用的分布式框架。为了演示分布式架构的大致流程,我们项目里首先要建立对应的角色节点,即服务提供者、消费者以及公共接口服务,总体结构为:dubbo_demo:是总项目duboo-api:主要是…

  • 简述为什么要使用多线程_threadlocal详解

    简述为什么要使用多线程_threadlocal详解说明:Thread的IsBackground=true;//主程序结束后,线程随之结束【日常要用到的】Thread的IsBackground=false;//主程序结束后,线程不会随之结束代码:usingSystem;usingSystem.Threading;namespaceConsoleApp1{classProgram{staticvoidMain(string[]args){Th

    2022年10月16日
  • 【IDEA】idea设置默认maven配置, 避免每次设置maven「建议收藏」

    【IDEA】idea设置默认maven配置, 避免每次设置maven「建议收藏」idea设置默认maven配置,避免每次设置mavenStep1:OtherSetting—&gt;DefaultSettings—&gt;设置maven—&gt;Apply—&gt;OK…

  • word2vec 中的数学原理详解(一)目录和前言

    word2vec 中的数学原理详解(一)目录和前言word2vec是Google于2013年开源推出的一个用于获取wordvector的工具包,它简单、高效,因此引起了很多人的关注。由于word2vec的作者TomasMikolov在两篇相关的论文[3,4]中并没有谈及太多算法细节,因而在一定程度上增加了这个工具包的神秘感。一些按捺不住的人于是选择了通过解剖源代码的方式来一窥究竟,出于好奇,我也成为了他们中的一员。读完代码后,觉得收获颇多,整理成文,给有需要的朋友参考。

  • Center OS 7 下的安装Apache「建议收藏」

    Center OS 7 下的安装Apache「建议收藏」使用yum安装,直接yuminstallhttpd

发表回复

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

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