CKeditor自定义右键菜单

最新推荐文章于 2023-01-31 10:14:09 发布
最新推荐文章于 2023-01-31 10:14:09 发布
阅读量2k 收藏 3
点赞数 2
分类专栏： CKeditor 文章标签： 右键菜单 自定义右键菜单 CKeditor右键菜单 CKeditor自定义右键菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hsg_happyLearning/article/details/89958630
版权

CKeditor自定义右键菜单

一、在CKeditor的plugins目录中加入自定义的插件

我加入的是自定义的图片裁剪插件Cropper，目录结构如下：
在这里插入图片描述

二、在CKeditor的配置文件config.js中加入自定义的插件

加入自定义的插件，如果有多个自定义的插件，中间已逗号分割

// 加入自定义的插件
config.extraPlugins = 'cropper';
三、效果图

此时，在Ckeditor中就会出现自定义的图片裁剪插件的图标了
在这里插入图片描述
上传一张图片，然后在图片上右键，可以看到，此时的右键菜单中是没有我们自定义的图片裁剪插件的
在这里插入图片描述
我们需要在图片的右键菜单中加入自定义的图片裁剪插件

四、在右键菜单中加入自定义的图片裁剪 插件

在Cropper目录下的plugin.js中加入以下代码

CKEDITOR.plugins.add( 'cropper'
最低0.47元/天 解锁文章
自定义右键菜单
weixin_34162228的博客
10-28 142
自定义右键菜单 　　技术一般水平有限，有什么错的地方，望大家指正。　　　 　　自定义右键菜单，对于一些ERP系统，功能操作比较多，所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用。 　　实现自定义菜单很简单，首先我们要屏蔽原始的右键菜单，自定义菜单出现在鼠标的位置，点击隐藏自定义菜单，过程就是这样的。 *{margin:0;padding:0} a{text-decor...
鼠标右键新建菜单的管理工具
11-16
鼠标右键管理工具 很简单，很小，很强大 鼠标右键管理工具 很简单，很小，很强大
ckeditor4 新增全局右键菜单
会点php的前端小渣渣
01-31 367
【代码】ckeditor4 新增全局右键菜单。
CKEditor (Toolbar Definition)工具栏自定义配置
java
04-07 1610
CKEditor中的工具栏默认显示所有功能按钮。出于安全的原因、或者是简化的原因，需要对这个工具栏进行自定义设置。CKEditor工具栏自定义配置非常简单。 　　编辑ckeditor目录下的的config.js文件，默认的是下面的工具栏代码， 注意工具按钮是分组的，一个name内的大括号就是一个工具按钮分组，items后边是具体的按钮，“/”表示工具栏换行，“-”表示工具图标之间的中隔线“|”
ckeditor禁用右键菜单显示
KEYUAN358的专栏
08-30 2890
禁用右键菜单 ：  http://blog.kxikx.com/?p=18[url=http://blog.kxikx.com/?p=18][/url]
ckeditor-plugin-scayt:CKEditor 4的SCAYT插件是在CKEditor 4中键入时用于多语言检查拼写和语法的插件
05-01
CKEditor 4的SCAYT插件 用户键入时，SpellCheckAsYouType（SCAYT）会立即突出显示拼写和语法错误。 要纠正拼写或语法错误，用户只需要右键单击标记的单词以从建议的更正中进行选择。 该插件将多语言的SCAYT功能引入CKEditor4。默认情况下，它是从开始集成的。 您可以在ABC按钮（启用SCAYT）下的CKEditor 4工具栏面板上找到它。 如果您的CKEditor版本没有内置的SCAYT，则可以按照“入门”部分中概述的步骤轻松地添加它。 CKEditor 4的SCAYT插件的默认版本正在使用WebSpellChecker的免费服务。 它带有横幅广告，并且有一些。 要解除限制并摆脱标语，请。 根据您的需求，您可以选择基于云的解决方案或服务器（自托管）解决方案。 演示版 CKEditor 4的SCAYT插件： ://webspellchecke
CKEditor配置与使用详解
4. ContextMenu=字符串数组：这个配置允许你自定义编辑器的右键菜单内容。你可以指定一个字符串数组，包含你希望在右键菜单中出现的项。 5. CustomConfigurationsPath=""：此选项允许你指定一个自定义配置文件的...
CKEditor使用介绍.doc
09-07
4. **ContextMenu**: 通过提供一个字符串数组，你可以自定义右键菜单的内容，展示给用户可选的操作。 5. **CustomConfigurationsPath**: 指定自定义配置文件的路径和名称，以扩展或覆盖CKEditor的默认配置。 6. **...
CKEditor 4.0 API文档详解
6. CKEDITOR.config.browserContextMenuOnCtrl: 这个配置项控制是否在按下Ctrl键时显示浏览器的原生右键菜单。默认情况下，CKEditor会覆盖浏览器的上下文菜单，但开启此选项后，用户在按住Ctrl键时仍能访问浏览器的...
Ckeditor插件实现键入自动完成建议功能
上下文菜单在用户右键点击时出现，提供相关操作选项。一个功能完备的自动完成插件可能会在用户输入时改变上下文菜单的内容，显示当前上下文相关的建议。 知识点7: JavaScript编程知识 由于Ckeditor插件是用...
自定义右键菜单效果
05-23
实现类似QQ邮箱自定义右键菜单效果,非常好用,对于后台管理是一个不错的选择.
JS简单实现自定义右键菜单
dixiangye1074的博客
12-03 185
用到的知识点： oncontextmenu(右键点击事件,指用户右击鼠标时触发并打开上下文菜单)　　所以，我们要知道的就是，在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单)通过传入的事件对象，来确定鼠标的点击位置，作为left和top的值来进行元素的定位，并显示自定义菜单 <!DOCTYPE html> <html lang="...
ckfinder.net完全讲解一（文件右键添加菜单）
zhangyuanwei的专栏
08-04 2066
前面几篇文章介绍了如何破解ckfinder和简单的使用ckfinder与ckeditor集成使用，ckfindr单独使用。在接下来几篇文章会为大家讲解如何就原来ckfinder添加自己的功能。 添加自定义文件餐单： 1.添加js代码 function BrowseServer(inputId) { var finder
ckfinder.net完全讲解六(模拟选择ckfinder选择按钮，并保存上传文件路径)
zhangyuanwei的专栏
08-04 1640
本文主要模仿ckfinder中自定义文件右键选择按钮，实现选择文件并添加链接至页面中 1.添加js引用（注意不要添加ckfinder_v1.js引用，会执行有误） 2.添加js var api; var mydata = function () {//定义变量 var selectFunctionData;
爬坑ckeditor
weixin_46093894的博客
05-13 351
公司平台升级，使用了ckeditor4编辑器，分享一下今日爬坑： 1.内嵌编辑器：关闭编辑器自带的弹窗；要求在点击选择之后，关闭弹窗 首先想到的就是window.close();然后就是不可避免的失败了,尝试window.parent.close()(失败)，开始爬坑之旅；排查原因，发现此文本框里内容的父级元素不是该弹窗，而是外面的编辑器；显然用window.close();方法已经不可行了。 作为一个面向百度编程的程序员，万事不决找度娘。 方法： window.parent.parent.C.
CkEditor4.11屏蔽右键菜单 屏蔽双击图片弹出编辑弹窗
baixf的博客
03-25 1509
需求 1业务需求邮件模板编辑页面右键粘贴兼容性不好,打算屏蔽. 2 插入的预定义的图片不希望被编辑 解决 百度+google问题 针对CkEditor4.8之后的版本可以移除插件使用来实现功能的屏蔽. 屏蔽右键菜单 https://stackoverflow.com/questions/2246631/how-to-disable-ckeditor-context-menu /*Ckeditor ...
UEditor新增自定义按钮（获取光标停留的位置，然后插入一个内容）
肖肖肖丽珠的博客
12-04 8107
在使用编辑器时，希望在工具栏加一个标签，点击标签就能在编辑器里面添加某个元素。 我遇到的问题是加上{***}这样的特殊字符。这个功能是编辑器本身没有的。 1.在ueditor.config.js中找到toolbars的数组，并在数组中添加一个你需要新增的按钮功能名称如下图所示  2.在zh-cn.js 中找到labelMap并添加如下图所示，主要是用于鼠标放置上去显示的文字提示内容 ...
在CKEditor中创建自己的命令按钮
寒冰屋的专栏
08-26 1445
目录 介绍 背景 示例项目 做好准备 添加按钮 添加命令 获取突出显示的文本 替换突出显示的文 查看结果 兴趣点 下载演示 - 8.2 MB 介绍 CKEditor是大多数开发人员非常流行的文本编辑器。它提供了许多方法来配置和自定义，以便为您的应用程序中提供最适合的编辑器。我们经常做的是选择最佳版本的CKEditor，然后通过修改config.js文件或使用Online T...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值