首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

FCKEditor - 如何制作一个简单的插件?

在这个问答内容中,我们要求解如何制作一个简单的插件,以便在 FCKEditor 中使用。FCKEditor 是一款流行的开源 Web 富文本编辑器,它已经被 CKEditor 取代,但仍然有许多用户在使用它。

要制作一个简单的插件,首先需要了解 FCKEditor 的插件架构。FCKEditor 的插件是基于 JavaScript 编写的,它们可以扩展编辑器的功能,例如添加新的按钮、功能等。以下是制作一个简单的插件的步骤:

  1. 创建一个 JavaScript 文件,例如 myplugin.js。
  2. 在 myplugin.js 中编写插件代码。插件代码应该包含一个名为 FCKPlugin 的对象,该对象应该包含以下属性和方法:
    • Name:插件的名称。
    • Description:插件的描述。
    • Init:插件初始化时调用的方法。
    • OnLoad:编辑器加载时调用的方法。
    • OnButtonClick:按钮单击时调用的方法。
    • OnSelectionChange:选择内容发生变化时调用的方法。
    • OnAfterSetHTML:设置 HTML 内容后调用的方法。
    • OnBeforeGetHTML:获取 HTML 内容前调用的方法。
    • OnBeforeSetHTML:设置 HTML 内容前调用的方法。
    • OnBeforeRender:渲染前调用的方法。
    • OnAfterRender:渲染后调用的方法。
    • OnBeforeCommand:执行命令前调用的方法。
    • OnAfterCommand:执行命令后调用的方法。
    • OnBeforeSave:保存前调用的方法。
    • OnAfterSave:保存后调用的方法。
    • OnBeforeImageUpload:图片上传前调用的方法。
    • OnAfterImageUpload:图片上传后调用的方法。
    • OnBeforeLinkedItemUpload:链接项目上传前调用的方法。
    • OnAfterLinkedItemUpload:链接项目上传后调用的方法。
    • OnBeforeFlashUpload:Flash 上传前调用的方法。
    • OnAfterFlashUpload:Flash 上传后调用的方法。
    • OnBeforeMediaUpload:媒体文件上传前调用的方法。
    • OnAfterMediaUpload:媒体文件上传后调用的方法。
    • OnBeforeFileUpload:文件上传前调用的方法。
    • OnAfterFileUpload:文件上传后调用的方法。
    • OnBeforeCreateLink:创建链接前调用的方法。
    • OnAfterCreateLink:创建链接后调用的方法。
    • OnBeforeUnlink:取消链接前调用的方法。
    • OnAfterUnlink:取消链接后调用的方法。
    • OnBeforeInsertImage:插入图片前调用的方法。
    • OnAfterInsertImage:插入图片后调用的方法。
    • OnBeforeInsertTable:插入表格前调用的方法。
    • OnAfterInsertTable:插入表格后调用的方法。
    • OnBeforeInsertHtml:插入 HTML 前调用的方法。
    • OnAfterInsertHtml:插入 HTML 后调用的方法。
    • OnBeforeInsertElement:插入元素前调用的方法。
    • OnAfterInsertElement:插入元素后调用的方法。
    • OnBeforeInsertLineBreak:插入换行符前调用的方法。
    • OnAfterInsertLineBreak:插入换行符后调用的方法。
    • OnBeforeInsertParagraph:插入段落前调用的方法。
    • OnAfterInsertParagraph:插入段落后调用的方法。
    • OnBeforeInsertSpecialChar:插入特殊字符前调用的方法。
    • OnAfterInsertSpecialChar:插入特殊字符后调用的方法。
    • OnBeforeInsertFormElement:插入表单元素前调用的方法。
    • OnAfterInsertFormElement:插入表单元素后调用的方法。
    • OnBeforeInsertSymbol:插入符号前调用的方法。
    • OnAfterInsertSymbol:插入符号后调用的方法。
    • OnBeforeInsertSmiley:插入表情符号前调用的方法。
    • OnAfterInsertSmiley:插入表情符号后调用的方法。
    • OnBeforeInsertCheckbox:插入复选框前调用的方法。
    • OnAfterInsertCheckbox:插入复选框后调用的方法。
    • OnBeforeInsertRadio:插入单选框前调用的方法。
    • OnAfterInsertRadio:插入单选框后调用的方法。
    • OnBeforeInsertTextField:插入文本框前调用的方法。
    • OnAfterInsertTextField:插入文本框后调用的方法。
    • OnBeforeInsertTextarea:插入文本区域前
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何制作一个简单网页(二)_简单个人网页

使用HTML和CSS来制作一个简单网页 前言 一、HTML 1.1常见元素介绍 1.2借助工具,浏览器开发者工具 二、实现个人名片 1.基本框架 2.使用CSS美化 1.CSS书写位置....子元素选择器 ---- 前言 HTML负责描述了网页整体骨架 CSS负责描述了页面样式 利用其完成一个简单个人建立网页。...p为选择器,先选中页面中一个或者多个元素 括号内是针对这些被选中元素来设置CSS属性。...使用键值对格式,键值之间使用:分割,键值对之间使用;分割 3、以外部文件方式 (外部样式) 通过link来显示引用,并且一个HTML标签可以引用多个link 标签,即多个CSS文件 <link rel...但是很多时候同一个标签我们希望其拥有不同功能~~,这时候就可以使用id选择器了 2.id选择器 先给HTML标签指定一个id值,在通过该id 选择器选中这个元素 通过指定一个id 去选择同一标签

1.8K20
  • 如何创建一个简单 WordPress 插件

    如何编写一个简单 WordPress插件 每个 WordPress 插件都有一个主文件,您可以手动创建或使用 Plugin Boilerplate 或 Pluginplate 等工具创建该主文件。...接下来,填写您插件信息,如下所示。在页面底部,您会注意到 允许您向插件添加额外功能模块部分。另请注意,您可以通过单击 加号 (+)来自定义每个模块,如下所述。...但是不要弹出气泡,我们插件不会做任何事情。我们必须添加激活插件时将执行代码。根据我们示例,我主文件是 hot-recipes.php,这是我们将在下一节中编辑文件。...接下来,单击 Upload Plugin按钮,从您计算机中选择您插件 ZIP 文件夹,然后单击Install Now: 接下来,激活插件: 现在,如果您检查您 WordPress 管理菜单,您会注意到我们新食谱帖子类型...,并具有添加新食谱能力: 恭喜您编写了您一个简单插件

    93220

    如何开发一个简单WordPress 插件

    以下是一个简单插件文件结构示例:复制my-plugin/├── my-plugin.php├── css/│ └── style.css├── js/│ └── script.js└── README.md...* Version: 1.0 * Author: Your Name * Author URI: https://example.com * License: GPL2 */2.4 编写插件功能在插件文件中添加一个简单功能...以下是一个示例,展示如何在文章发布时发送电子邮件通知:function my_first_plugin_send_email($post_id) { $post = get_post($post_id...以下是一个示例,展示如何修改文章内容:function my_first_plugin_modify_content($content) { return $content ....无论是创建简单功能插件,还是开发复杂应用,掌握这些知识都将帮助你在 WordPress 开发道路上走得更远。

    6110

    如何制作一个简单HTML登录页面(附代码)

    大家好,又见面了,我是你们朋友全栈君。 几乎每个网站都会有登录页面,那你知道如何写HTML登录页面吗?这篇文章就和大家分享一个HTML简单登录界面的代码,有一定参考价值,感兴趣朋友可以看看。...实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下: 打造全网web前端全栈资料库(总目录)看完学更快,掌握更加牢固,你值得拥有(持续更新) HTML部分: <div...width: auto; } .form-item input, .form-item button, .reg-bar { width: 100%; } } 效果如图所示: 以上分享了HTML简单登录页面的代码...,项目中用比较多,可以直接拿过去使用或修改自己喜欢样式,也希望大家多动手尝试,看看自己能不能写出其他效果,希望这篇文章对你有所帮助!

    5.8K20

    【Unity 实用插件篇】 | 使用Fungus插件制作一个对话系统,简单好学易上手

    ---- 前言 今天带来是Unity中一款简单易用对话插件Fungus,它是一个免费交互式对话系统。...---- 【Unity 实用插件篇】| 使用Fungus插件制作一个对话系统,简单好学易上手 一、Fungus介绍 Fungus 目标是提供一个免费开源工具,用于在Unity 3D中创建交互式故事游戏...实现更加复杂效果需要继续往下看。 3.2 搭建简单场景测试 在场景中简单搭建一个界面方便菜测试使用,如新建一个游戏对象当做玩家,然后再创建两个游戏对象当做npc对话使用。...并新建一个脚本PlayerController.cs,添加一个简单玩家移动旋转功能。...---- 总结 本文介绍了Unity中一个简单易用 对话插件Fungus,学会该插件就可以制作一些小型剧情对话游戏啦!

    6.2K31

    简单制作一个钓鱼网页游戏_简单网页制作代码

    大家好,又见面了,我是你们朋友全栈君。 网络钓鱼,一个价值很高词语!如果你曾读过我一篇文章《价值30亿美元资料被窃取,网络钓鱼到底有多可怕!》...讲白话,都能听懂就是去仿作一个和正规网站一样登录页面,欺骗用户进行输入从而达到获取信息目的! 你要明白是当我们在搜索关键词时候,总能出现你想要找网站。...如果不仔细检查域名是否正确或者在不知道域名情况下。更容易泄露个人隐私! 第一步:找目标网站 你可以随意找一个网站,具有登录功能。...下图为一个网站登录界面源码,用记事本打开。 第二步:修改提交地址内容 在上图中,我进行查找提交表单内容。 将action后面的内容修改为自定义getinfo.php文件。...首先将第一个文件修改为index.html。再创建一个名为data.txt文件。将以上三个文件传至服务器同一目录下。

    2.1K10

    一个简单 Chrome 插件

    之前做秒杀器时候,使用是 WPF 客户端,借助 HttpWebRequest 来实现远程调用。 后来看到别人抢火车票软件是一个 Chrome 插件,发现这样写起来要简单太多了。...一直想搞一个插件。 今天比较闲,做了一个简单插件,用于一次性打开多个连续连接地址,例如这个网页: ? 它一共有 15 页。一页一页点实在太累,这时,可以使用这个插件,点击一下,弹出以下窗口: ?...Url 已经根据当前连接地址修改好了,调整部分系数,点打开,即在 chrome 里面打开了所有的网页,看完一个一个就好了: ? 这样一次性加载好,不用点一下等一会儿。...有兴趣朋友可以下载下来玩下,看源码也行,非常简单,下面是程序和源码: 程序与安装包

    60450

    简单网页制作_html简单网页制作

    传送门链接: 聊聊制作网站那些事 开头先开个小灶:响应式网站 响应式网站就是让网页自适应手机端和PC端,是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用设备环境进行相对应布局...简单介绍: HTML是一种超文本标记语言,简单来说就是用来做网页,没有别的脚本语言加持下只能做静态网页。...HTML编译器: Dreamweaver和WebStorm 写一个简单网页可以先用记事本 废话不多说,直接上代码。...https://www.baidu.com/"> HTML初漏端倪 今天教大家怎么制作简单网页...结语: 今天先让大家了解下怎么简单制作一个网页,等下篇文章带大家深入了解HTML各个标签代码属性含义和作用! 好了在此非常感谢大家支持!

    3.3K10

    Emlog插件简单开发文档教程,emlog插件制作指南

    一、插件实现原理:     在emlog 整个运行过程中我们设定了一些动作事件,遇到这些事件时emlog 会自动调用插件绑定到该事件所有插件函数,从而实现插件功能。...1、插件文件名称     插件主文件名称必须与插件所在文件夹名称相同,设定插件参数配置程序文件名称必须为 “插件名称_setting.php”;(注:该文件为可选,如果你插件需要用户配置参数才需要该文件来完成配置功能...采用这样命名方式可以避免于其他插件函数或者变量出现冲突。)...; 如果不增加该语句,那么直接访问插件程序文件php会爆出博客物理路径,对博客安全造成威胁。 如果你插件需要接收一些参数,请务必严格过滤每一个变量数据....例如:获取外部获取一个int型参数,id = _GET['id']; 这样写是不安全,要改为:id = intval(_GET['id']);  如果是一个字符型参数,action = _GET[

    80010

    如何使用Elementor插件制作Wordrpess首页?

    之前推荐过一款广受好评wordpress页面构建编辑插件:Elementor,由于其功能过于强大,编辑出页面也很美观。...点击这里下载Elementor 答案是肯定!有两种方式,一种自由式编辑,不过如果你使用是免费版Elementor,其功能和元素有限,所以不建议使用。...Wordpress有很多经典漂亮主题,Elementor经典单页主题也不少。所以我们选择更简单漂亮方式用Elementor来搭建Wordpress首页。 ?...博主路飞珍藏 来啦 点击预览 点击预览 点击预览 点击预览 点击预览 点击预览 我们下载其中一个试试效果吧,然后上传模板,接下来事情就变得简单了,自己替换下文字跟图片就行啦! ?...设置-阅读,然后把主页设置为一个【静态页面】,然后选择刚才新建Elementor页面。 ? 友情提醒 建议使用谷歌浏览器来进行Elementor页面编辑。

    12.2K120

    简单如何一个chrome 去广告插件

    这次我们先来简单接触一下,了解一点入门知识,先做一个简单demo,就先去除一下CSDN网页上广告。...解释 这次做这个插件真的很简单,不涉及什么加密解密,也不是去拦截特定网络请求,就是用CSS display: none; 就可以了。 ?...我们做插件,就是每次都找到这个元素,然后隐藏它,就行了。 好,开始做插件吧! 1、首先 新建一个文件夹,就叫 CSDN,这个名字随便起。...2、然后 在 CSDN 文件夹中建一个json文件 叫 manifest,这是chrome插件清单文件,包含了插件相关信息,这个名字是固定,别改。...3、然后 在CSDN文件夹下再新建一个img文件夹,用来放插件图标。 4、在CSDN文件夹下还需要一个 js文件,用来隐藏页面的广告 就叫csdn.js 吧。

    1.3K40

    如何制作《超简单AI自测题》

    最近更新了一波轻交互公众号文章: 第一期 超简单AI自测题 第二期 喵星人密信 第三期 vim答题卡 第四期 猜拳 今天开始陆续更新一些教程《通过svg标签实现文章点击交互功能》。...背景: 微信文章只能放阉割版svg,例如use标签不能使用,标签里id会被清除等。 我是如何发现svg哪些内容被阉割?...主要技术: 第一期《 超简单AI自测题》里主要使用了这个标签: <animateTransform attributeName="transform" type="translate" values...5 当然,还有资深专家在星球里。 如何复制到微信公众号文章里?...在线编辑器功能基本来源于百度开源umeditor编辑器; 方法2: 在谷歌开发者工具里直接修改微信图文代码,位于……标签中。 如何制作svg?

    98880

    简单聊一聊如何用CSS制作一个专业头部页眉(Headers)

    因此,这是一个非常简单标记。通常情况下,导航应该在第一个和最后一个项之间居中对齐。 根据我观察,这个问题已经成为前端社区中新问题,类似于“居中一个div”问题。...我们中间元素在左侧和右侧元素之间居中对齐,但在页面的上下文中,中间元素并没有真正居中。 这是创建页眉时一个挑战:正确设置基本布局。在您确定要实现布局以及如何实现之前,不要试图添加更多内容。...当我们隐藏中间元素时,效果如下所示: 当然,将登录替换为按钮是很简单。所以,我们来谈谈其他事情吧。...,我们页眉遇到了一个问题: 我们可以为此添加一个媒体查询,在其中用图标替换某些元素,或者简单地隐藏搜索。...这种方法要简单得多。

    41010

    制作一个简单chrome扩展

    有人找你解决一个小问题,你可能花几分钟编程,完美解决,但对方计算机却没有程序运行环境,有些老旧windows系统,甚至不能安装环境......想做到这些,你得先知道chrome扩展开发流程是什么! ? chrome商店 我们要做这样一个小玩意儿: ? 动图_效果演示 什么是扩展: 可以简单把扩展理解为浏览器插件....扩展结构 从结构来看,扩展像是一个配置文件(manifest.json),加一个完整网页(包括html, css , js, images) ?..., // 定义运行扩展后默认打开文件 "default_popup": "index.html" } } 写主程序(一个完整网页): 其实就是写一个带有后台逻辑网页...= the_menu; // 更新按钮显示文字,只是第一次起作用 btn.innerHTML = "换一个"; }) }; 教程涉及到资源我都通过百度网盘分享给大家

    1.2K130
    领券