ckeditor工具栏按钮显示不完整

最新推荐文章于 2021-03-19 12:08:41 发布
原创 最新推荐文章于 2021-03-19 12:08:41 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文分享了一次使用CKEditor的经历，发现配置为full模式时仍有许多按钮未显示。原因是下载的是标准版，该版本仅包含有限的插件。升级到完整版后所有按钮都能正常显示。作者对于标准版缺少一些基本功能如字体颜色和背景色选择等表达了不满。

配置为full模式，但还是有好多按钮没显示出来。最后才发现是因为下载的ckeditor是"标准版"，本身就只包含有限数量插件。下载了“完整版”后，就全部能显示出来了。

泥妹啊，完整版也不过比标准版多了1M多而已，像字体颜色、背景色这些基本功能标准版里都没有，至于这样划分吗？老外怎么想的？

ckeditor动态显示隐藏工具栏指定的按钮
波波的博客
03-10 1522
客户说工具栏太复杂了，但是有时候又能用到，所以给了个需求，做一个按钮能实现显示或隐藏按钮 好吧，客户是上帝，开搞 思路：ckeditor添加一个自定义按钮，里面方法实现display：none样式隐藏，这样就可以不用再次加载ckeditor啦 1.首先 ckeditor添加自定义按钮要将文件放在这个ckeditor里的plugins这个文件夹里 先创建一个这样的结构 icons是存放按钮图标的地方，待会用到，plugin.js就是接下来主攻的内容了 /* *帅气的刘xx 2021.
CKEditor工具栏自定义配置
qq_32445069的博客
02-13 4073
CKEditor中的工具栏默认显示所有功能按钮。出于安全的原因、或者是简化的原因，需要对这个工具栏进行自定义设置。CKEditor工具栏自定义配置非常简单。编辑ckeditor目录下的的config.js文件，默认的是下面的工具栏代码：工具栏的定义英汉对照说明：Source = 源码模式-Save = 保存(提交表单)NewPage = 新建Preview = 预览- = 分割线Templates...
CKeditor 配置使用
weixin_34220834的博客
04-27 250
CKeditor 配置使用一、使用方法：1、在页面<head>中引入ckeditor核心文件ckeditor.js<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2、在使用编辑器的地方插入HTML控件<textarea><textarea id=&quot
织梦ckeditor编辑器附件图标不显示的解决方法
zhang01457的博客
12-07 518
那是因为这个图标地址是链接到织梦官方，如果织梦官方服务器挂了的话，就会无法显示和卡顿，我们把它改成本地图标就可以了 打开 /include/ckeditor/plugins/addon/plugin.js 找到 http://desdevcms.com/images/addon.gif 改成 images/addon.gif 如图 完成 ...
ckeditor的配置问题不显示的问题解决方案
weixin_30367169的博客
01-22 640
刚开的此博客，今天是第一次写博客，写的不好，还请大家多多指教。 前一段时间，在做一个项目，需要用到文本编辑器，这个项目是MVC和dwz结合的，其实dwz有自带的编辑器xheditor，但是由于本人以前没有接触过dwz，也是刚学的，边做项目边学习，对于配置xheditor编辑器这个不是很了解，而网上的对xheditor的介绍不是很多，所以就选择了ckeditor，网上对ck...
CKEditor在ant design vue 中的使用
雅心小筑
01-21 563
vue 安装ckeditor命令如下(本文只讨论build版本的,源码构建的方式暂不提及(我不会啊)) //vue 安装ckeditor npm install --save @ckeditor/ckeditor5-vue2 @ckeditor/ckeditor5-build-classic //下面命令是安装不同的版本 不同版本不同功能 npm install --save @ckeditor/ckeditor5-build-classic//基础版本 # Or: npm install --sav
ckeditor5全屏按钮
最新发布
01-12
全屏模式的实现是通过一个专门的按钮来触发的，通常位于CKEditor 5工具栏上。这个按钮的图标通常表现为两个对角线箭头，表示扩大或缩小。点击这个按钮，编辑器界面会立即适应浏览器窗口大小，隐藏非必要的工具栏和侧...
ckeditor-mediaelement：将CKEditor中介元素按钮放入工具栏的菜单中
02-13
小部件菜单 此插件是根据JavaScript 放置音频/视频的替代方法，因此根据可以灵活使用。... 如果您使用显示音频/视频，从而在网络上显示内容，则此插件非常有用 归因 Widget图标，由Aldo Expert #updated
ckeditor4.2 自定义按钮和下拉框实现
07-31
在CKEditor的实例化代码中，你可以看到自定义按钮和下拉框已经出现在工具栏上。 ```html <!DOCTYPE html> <title>CKEditor 4.2 自定义按钮与下拉框示例 <script src="ckeditor/ckeditor.js"> <script src="...
CKEditor自定义按钮插入服务端图片
10-19
CKEditor的插件通常由一个或多个JavaScript文件组成，插件文件负责定义编辑器的命令、工具栏按钮、对话框界面等。为了实现插入服务端图片的功能，需要创建一个插件，这个插件将包含一个自定义的编辑器命令，以及与之...
ckeditor5-v30 全工具版.rar
01-07
ckeditor5-v30 全工具版 ，基本将免费的工具备齐了，源文件，可自行修改重新打包，node_modules 文件夹为包文件，该文件夹容量较大，在实际应用时可以删除，必须在网站模式使用，如：http://127.0.0.1/ckeditor5-build-classic/sample/，图片上传配置了ckfinder,请自行在网上下载放置在网站根目录，具文件夹名必须为ckfinder。该版本表格插件与微软的edge浏览器依然存在不兼容情况，360等浏览器应用ckeditor正常。
vue 中 ckeditor5 如何隐藏工具条
zstzah的专栏
05-10 2240
ck4有toolbarStartupExpanded参数可以直接配置，但是ck5中这个参数无效，到处找资料，解决不了。于是爬梯看了官方文档，发现这个参数在ck5中已经放弃。 很不爽，于是直接粗暴修改css来解决。 就是这个css 方法如下： <template> <div class="home"> <div :class="inEditor"> <ckeditor :editor="editor" v-model="edi
解决Ckeditor编辑器不显示html实体，自动过滤html的问题
weixin_33739646的博客
07-21 1063
Ckeditor 4.5.4，在编辑的时候，使用源码编辑，当保存内容包含Javascript、Style标签的时候，数据库中有Javascript、Style标签，输入到页面也可以执行，但是我再次编辑的时候就不见了，是Ckeditor把它们过滤掉了，需要做如下配置： CKEDITOR.replace( 'textarea_id', { allowedContent: true }); ...
ckeditor5 折叠工具栏配置
朝立的博客
03-06 2906
初始化 ckeditor5 折叠工具栏 使它加载的时候处于折叠状态如图所示 直接在config.js文件中加 config.toolbarStartupExpanded=false;
java ckeditor 上传图片,解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题...
weixin_39692172的博客
03-19 528
关于解决CKEditor 4 富文本编辑器在图片组件无法显示[上传]选项卡的相关问题。本文可能会对以下现象得以解决：图片上传组件，没有 [上传] 选项卡。资源无法加载 [imgupload] ( Uncaught Error: [CKEDITOR.resourceManager.load] Resource name "imgupload" was not found at )预览框默认的英文介...
ckeditor配置工具栏
昆明网站建设制作
06-18 2377
使用ckeditor进行配置工具栏，具体参考： https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/configuration.html 示例： ClassicEditor .create( document.querySelector( '#editor' ), { toolbar: [...
【博客项目笔记】ckeditor不能正常显示的问题
weixin_30551963的博客
11-01 323
在做jsp项目博客中，撰写博客一般要用到ckeditor，ckeditor是一个强大的在线编辑器。 当我在html或者jsp中都能正常显示。但是发布到tomcat服务器中后就不能显示了。也就是说在本地可以正常显示，但是到服务器上就不能，所有的地址，编码问题都是正确的。那么问题在哪里呢？、其根本原因还是这个“路径”的问题。 因为java部署的项目是在其...
ckeditor5自定义 vue_ckeditor5,ckeditor4富文本编辑器在vue中的使用
weixin_39668408的博客
12-31 412
先介绍下ckeditor5的使用方式:安装依赖：npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic要创建编辑器实例，必须首先将编辑器构建和组件模块导入应用程序的根文件中(例如，main.js在由Vue CLI生成时)。然后，使用以下Vue.use()方法启用组件：import Vue from '...
ckeditor 禁用和工具栏隐藏
热门推荐
u013414461的专栏
02-08 1万+
1.工具栏隐藏 CKEDITOR.replace('txtEditMsg', { toolbarCanCollapse: true, toolbarStartupExpanded: false, toolbar: [['Smiley']], height: '320px', width: '552px' }); 2.禁用 disabled="disabled"> 把
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值