FckEditor工具栏添加自定义按钮，并实现点击按钮的功能

最新推荐文章于 2022-09-21 10:34:21 发布
最新推荐文章于 2022-09-21 10:34:21 发布
阅读量1.7k 收藏
点赞数
分类专栏： 工作 FCKEditor 文章标签： fckeditor 自定义工具栏按钮
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010248330/article/details/53417777
版权
由于前几天，项目中需要在fckeditor编辑器中，将别的网站中的新闻复制进来的时候，里面的图片存储在这些网站的服务器上，需要将这些外部图片下载下来，然后存放在我们自己的服务器上，然后替换这些外部图片地址。这里就需要在fckeditor编辑器中添加一个自定义的按钮，并实现该按钮的功能：下载和上传到我们自己的服务器。步骤：1、定义按钮            2、定义按钮的中文名字
摘要由CSDN通过智能技术生成

     由于前几天，项目中需要在fckeditor编辑器中，将别的网站中的新闻复制进来的时候，里面的图片存储在这些网站的服务器上，需要将这些外部图片下载下来，然后存放在我们自己的服务器上，然后替换这些外部图片地址。

     这里就需要在fckeditor编辑器中添加一个自定义的按钮，并实现该按钮的功能：下载和上传到我们自己的服务器。

需要修改的文件包括：

     fckconfig.js 、zh-cn.js、fckeditorcode_gecko.js（非IE浏览器）或者fckeditorcode_ie.js（IE浏览器）

 

最低0.47元/天 解锁文章
迪迪调调
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
FCKeditor添加自定义按钮
01-21
在FCKeditor目录里的fckconfig.js打开，找到FCKConfig.ToolbarSets[“Default”] 这里的设置是配置功能按钮的，你需要的留下，不需要的可以删掉，也可以注释掉。 如需要多种配置，可以设置多个FCKConfig.ToolbarSets[“你自己命个名name”] 后面跟配置详情。在引用编辑器的时候，以PHP为例：把fckeditor.php复制一个命名fckeditor1.php，在这里可以改配置。（$this->ToolbarSet= ‘你自己命的名name’ ;） 复制代码 代码如下:<?php include(“editor/fckeditor1
FCKeditor添加自定义按钮的方法
10-29
FCKLang是语言包对象，您只要打开FCK/editor/lang/下面的相应语言包添加相应的名称属性就可以了，比如：MyAlbum打开我的像册。注意大小写！至此我们的添加工作已完成。
为FCKEditor添加自定义工具栏
weixin_30752699的博客
09-03 87
FCKEditor是一个功能强大的开源在线编辑器，所以是非常适合我等兜兜无啥银子的人拿来“把玩”的~~~呵呵。一个产品即使功能再强大也不能满足所有用户的需求，当然FCKEditor也不例外咯。就拿我现在所开发的一个系统（工作流）来说，就遇到了FCKEditor不能满足我的要求的情况。因为我想在工具栏中加入自己的操作控制按钮，配置当然搞不定咯，就只有改源代码了。可一看FCKEditor经过处理后的...
FckEditor自定义按钮
11-29 76
FckEditor自定义按钮 目录 FckEditor自定义按钮1 目录2 修订历史纪录3 1 FckEditor简介4 2 使用FckEditor4 3 添加自定义按钮4 ...
为Fckeditor添加自定义工具栏按钮
退思园
07-18 4699
之前给茶饭后的fckeditor编辑器做过一次添加自定义工具按钮，也有想把添加方法整理一下的念头，当时懒，以为添加一次就可以了，以后很少用到，没想到今天又用到了，之前怎么添加的忘的差不多，又去查资料，这次索性整理一个完整的添加方法以备后用。 我需要在工具栏添加一个用来向编辑区插入一条链接信息的按钮，具体可以看截图： 点击确定后，向编辑区插下如下代码： 手术开始，Fcked
FCK编辑器（FCKEditor）添加新按钮和功能的修改方法
10-28
最近项目需要对已有的FCKeditor添加新的功能，以前的做法只是在外壳处再次封装，这次无法满足需求只能进行内部修改了。
FCKeditor 2.6中添加插入视频和音频功能
03-16
最后，开发者需要在FCKeditor的配置文件中注册新插件，这样它才能在编辑器的工具栏上显示，并可供用户使用。 总结，要在FCKeditor 2.6中添加插入视频和音频的功能，你需要编写一个JavaScript插件，设计一个HTML...
fckeditor实现语法高亮和保存功能
07-29
2. 在FCKeditor的工具栏上添加一个自定义按钮，绑定点击事件，触发内容获取和Ajax请求。 3. 在JavaScript中，使用FCKeditor的API `FCK.EditorDocument` 或 `FCK.GetHTML()` 获取编辑器内的内容。 4. 发送Ajax请求到...
配置 FCKeditor的toolbar功能按钮
bingling8421的专栏
11-21 638
<br />在fck_config.js中默认情况下已经设定好三种toolbar样式：Default（包含全部功能），Accessibility和Basic。<br /><br />让我们先来看看toolbar样式的定制格式：<br /><br />config.ToolbarSets["ToolBarSetName"] = [ // Toolbar名<br /><br />['Item 1','Item 2','-','Item 3','Item n'], // Toolbar第一行<br /><br /
fckeditor中添加自动排版功能
01-31
打开根目录下的index.html文件，找一段html粘进去，点倒数第3个图标 其中图片的功能修改成调取项目中的功能了，所以这里不能用，但自动排版的功能还是可以借鉴一下的。有问题的可以给我发邮件。
FCKeditor中自定义工具栏
Hala_Madrid的专栏
04-13 985
FCKeditor在线编辑器工具栏中有好多工具都不需要，所以在具体开发中要修改工具栏，即去掉一些不必要的工具，具体步骤如下：     1）FCKeditor在线编辑器有一个主配置文件fckconfig.js（原本就已存在）,我们通过修改这个配置文件来实现修改工具栏。但我们一般不会直接在fckconfig.js上做修改，而是创建一个新的config.js（需要我们自己创建）来覆盖fckconfig
FCKEditor增加自定义工具栏暨百度编辑器上传WORD文档并保留源格式自动填充到编辑框
weixin_45525177的博客
09-21 83
ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。接下来是怎么拿到本地地址的文件，怎么将本地地址搞成文件，我查阅了好久好久的资料，还请教了各路大神（骚骚的三水，和传说中的周皇），得到一个结论，单纯前端不可能通过本地地址拿到文件（于是第一条解决思路出来了，在执行 罪魁祸首代码 之前，将本地的地址过滤出来，上传到服务器然后用服务器的地址进行替换，
FCKEditor中增加自定义行为
Masin的专栏
11-18 573
fckeditor编辑器功能基本非常完善，并且可以很方便地自定义自己需要的功能。过程如下：1、定义行为  fckeditor默认的行为都定义在fckeditor根目录下的fckconfig.js文件中的FCKConfig.ToolbarSets["Default"];在这里面定义了编辑器面板中所有的行为。需要说明的是这里面有很多"-"，这表示面板的分隔符。  在里面增加一个新的行为叫auto_u
FCK添加自义功能、按钮（3篇）
qbb3050466的专栏
02-11 2762
需要修改的文件：fckconfig.js zh-cn.js fckeditorcode_gecko.js || fckeditorcode_ie.js（这里针对gecko的浏览器，ie的相同） Step 1：在Toolbar中添加功能按钮        fckconfig.js：FCKConfig.ToolbarSets[“Basic”] 中添加按钮名称      
(转)FCKeditor如何自定义增加工具栏按钮
鱼归不知处
06-28 722
首先，打开fckeditor下的fckconfig.js文件，找到FCKConfig.ToolbarSets["Default"]和FCKConfig.ContextMenu 在他们后面加上”InsertCode”，这个当然是自己要添加的工具栏的名字了。然后，我们在“fckeditor/editor/lang/”文件夹下找到zh-cn.js，在最后一行后面加上以下2句：//自定
去掉FCKeditor编辑器多余的按钮
dingdingshinie1008的博客
11-08 130
后台是使用FCKeditor编辑器的,但是想到有那么多的按钮,有些完全用不到的.看着我的可怜的17寸显示器下,错位了,就想到屏蔽掉多于的按钮.就不会错位啦.好,动工~~~ FCKeditor编辑器的配置,有一个js来完成的.见编辑器根目录下的fckconfig.js,旧版的编辑器存在某些漏洞,前段时间就是因为这个漏洞,网站被攻击了.现在基本上升级到了最新版的编辑器.解决了这个攻击问题. ...
如何设定Fckeditor的工具栏
a15668389062的博客
07-15 122
　Fckeditor是目前应用非常广泛的网页编辑器之一，网上的教程也非常多。这里，我根据自己的经验来讲解一下如何设置Fckeditor的工具栏。 　　Fckeditor可以同时设定几种工具栏样式，在调用时指定一种就可以实现。首先，我们用记事本打开Fckeditor根目录中的Fckconfig.js文件。找到如下代码FCKConfig.ToolbarSets["Default"] = [...
FckEditor配置手册中文教程详细说明.doc
最新发布
07-22
FCKEditor的资源包括编辑器相关的图像、脚本、语言文件、皮肤文件以及工具栏的贴图等，这些组件的管理对于编辑器的性能至关重要。过多的文件调用会导致服务器和客户端之间的流量增加，影响用户体验。因此，FCKEditor...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值