ckeditor初探-2019年4月3日星期三

已于 2024-02-27 17:36:07 修改
阅读量353 收藏 1
点赞数
分类专栏： js小王子 文章标签： ckeditor 去掉默认追加的p 工具栏 config.js修改无效
于 2019-04-06 08:41:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/newman67/article/details/89051731
版权

Ckeditor富文本编辑器的问题

1、 去掉默认换行时为p元素。

修改config.js文件。见红色框内
在这里插入图片描述

2、 修改默认工具栏。

修改config.js文件
默认工具栏：
在这里插入图片描述
修改后：
在这里插入图片描述
修改代码：见红色框内。或参照样例samples中的方案，自己生成。
在这里插入图片描述

3、 工具栏分行/合并

在这里插入图片描述
添加或去掉红色框内的代码。效果参照2

4、 Config.js修改后无效果

原因：FF浏览器无法识别config.js文件
方案：1、自定义名称如config2.js
2、打开ckeditor.js找到如下图中的红色框内代码，修改为config2.js
在这里插入图片描述

5、 P、div等带contentEditable="true"属性，编辑时自动出现工具栏

解决了您的问题，拜请您收藏和点赞。由衷感谢您的支持和打赏！

领红包支付宝微信
在这里插入图片描述支付打赏码微信打赏码
67号人生
关注
专栏目录
Ckeditor 应用于 java web
01-10
Ckeditor 上传图片 视频 去掉了 可以浏览 服务器 文件功能 中文乱码 等问题 是一个 myeclipse 下的demo
ckeditor 自己写的一个简单的image上传js 运用iframe的ajax上传
07-26
NULL 博文链接：https://wangchao1982.iteye.com/blog/623352
CKEditor的使用
weixin_33688840的博客
04-16 158
简介CKEditor是一个富文本编辑器。是一种内嵌于网站中，呈现一种所见即所得的页面效果。常见于博客类型网站、或者电商网站管理系统中对商品文案的编辑功能。基本使用1、首先，下载地址：https://ckeditor.com/ckeditor-4/download/ 下载之后将下载包中的js和css导入项目中。2、然后，写一个简单的带一个textarea的页面。<html><hea...
CKeditor4.9.2最新图片上传配置
genaro26的博客
07-01 3015
最近在弄CKeditor富文本编辑器，到上传图片的配置这一步时，发现网上的教程都不适合我现在的版本，于是决定自己上官网看相关的文档，好在有浏览器帮我自动翻译了网页，很快我便找到了图片上传的配置，下面是相关教程。第一步：下载CKeditor（这不废话吗？），本文针对的版本是CKeditor-4.9.2，其他版本没有试过。第二步：解压下载好的压缩包，放到自己的应用目录下，在config.js的CKED...
ckeditor5-math：CKEditor 5的数学功能
02-03
CKEditor 5数学功能 这是CKEditor 5的基于TeX的数学插件。您可以使用它来插入，编辑和查看数学方程式和公式。 该插件支持MathJax，KaTeX和自定义排版引擎。 目录 产品特点 TeX语法 内联和显示方程式 预览视图 多种...
ckeditor5-classic-image-resize:CKEditor5经典图像调整大小插件
05-01
ckeditor5-经典图像调整大小 CKEditor5经典图像调整大小插件 该插件使您可以使用宽度和高度输入来编辑图像的大小，并提供宽高比锁定工具，使缩放变得容易而又不会扭曲图像。 安装 npm i @emagtechlabs/ckeditor5-...
ckeditor5-line-height-plugin:CKEditor5的创建插件，用于更改所选块的行高
05-03
ckeditor5-line-height-plugin CKEditor5的创建插件，用于更改所选块的行高。 开始使用 首先，从npm安装构建： npm install --save ckeditor5-line-height-plugin 或使用纱线： yarn add ckeditor5-line-height-...
ckeditor4-react:官方CKEditor 4 React组件
04-29
import CKEditor from 'ckeditor4-react' ; < CKEditor xss=removed>This is an example CKEditor 4 WYSIWYG editor instance.</p>" / > 文档和示例 请参阅的文章。 您也可以在CKEditor 4示例中查看CKEditor 4 ...
ckeditor5-vue:官方CKEditor 5 Vue.js组件
05-02
适用于Vue.js的CKEditor 5 RTF编辑器组件3+ :warning: 该存储库包含Vue.js 3+的CKEditor 5组件。 较低Vue.js版本的组件位于另一个存储库- 。 Vue.js的官方 RTF编辑器组件。 :open_book: 请参阅中的指南以了解...
ASP CKEditor，后台不需要担心XSS攻击。
houyanhua1的专栏
01-05 1195
后台不需要担心跨站脚本攻击(XSS攻击)。可以将微软提供的脚本验证功能关闭。CKEditorDemo.aspx页面中加入 ，并且配置文件加入如下代码： Web.config: 将CKEditor插件的文件复制到网站中。引入JS脚本文件： CKEditorDemo.aspx: <%@ Page Language="C#" AutoEventWireup="t
富文本编辑器CKEditor的使用及同步问题
王立涛的博客
01-05 2336
富文本编辑器CKEditor的使用及同步问题，textbox使用CKEditor后进行编辑没有内容
CKEditor使用中遇到的问题解决
guochenxu的专栏
05-18 4411
最近做一项目中使用到了CKEditor组件，在感叹CKEditor组件功能强大使用方面的同时，也被一些小问题深深的困扰了好久，问题及解决方法总结如下（使用CKEditor版本为3.5.3）：1、在引入CKEditor的ckeditor.js文件之后，在IE浏览器下显示正常，可是在firefox（版本4.0）浏览器下不显示，用firebug查看后提示CKEditor中有几处文件存在编码错误，CKEditor文件使用的是utf-8编码，而在firefox页面加载时把js文件的编码转换为ISO-8859-1，导致
html编辑器自定义脚本,ckeditor自定义插件使用方法详解
weixin_42529544的博客
06-29 477
ckeditor是一款功能很强大的富文本编辑的工具，给我们提供了绝大多数功能，满足我们日常开发所用，但由于特殊情况，可能会需要修改ckeditor的插件。ckeditor提供了给我们很方便扩展插件的接口。最经由于项目的需要，需要重写ckeditor的上传图片的功能，以下是自定义图片上传功能的部分代码：1、在ckeditor/plugins/目录下新建editorupload目录，用来存放自定义插件...
富文本 ckeditor 使用心得整理。
qq_30171331的博客
03-29 491
ckeditor 是一个个人认为非常好用的富文本插件，虽然让我开发中哀声怨道。 首先说一下我知道的几个文件夹作用。 首先是语言文件夹 lang 当然我们只需要 zh-cn.js 一个就好了 其次小组件文件夹。 ckeditor的小组件 是有很多很强大的 如果需要的可以在https://ckeditor.com/cke4/addons/plugins/all 地址上查找后下载自己需要的插件进行...
基于ckeditor实现自定义表单
热门推荐
凝聚平凡，创造非凡
09-29 1万+
最近公司的一个系统需要自定义表单，根据以往使用ckeditor的经验突发奇想，用ckeditor编写插件的方式实现了一个自定义表单系统。下面简单介绍一下表单设计器的设计思路。 表单设计器原理 表单智能设计器的设计思想是基于ckeditor富文本编辑器，开发HTML表单中需要使用的一些常用控件，然后借助于HTML解析器将表单中的控件代码解析成对应的HTML代码。之所以选择ckeditor作为底层
一个浮动、分行工具栏的实现
小米的修行之路
11-15 998
定义：CToolBar m_MyToolBox; 在OnCreate()函数中创建工具栏: int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct) { if (CFrameWnd::OnCreate(lpCreateStruct) == -1) return -1; if (!m_wndStatusBar.Create(this
nuxt3 @ckeditor/ckeditor5-vue
最新发布
07-05
@ckeditor/ckeditor5-vue 是一个官方推荐的库，它是由 CKEditor 官方提供的 Vue.js 插件，用于将 CKEditor 5 引擎与 Vue 单页面应用（SPA）结合。CKEditor 5 是一个功能强大的开源内容管理系统（CMS），提供了一个可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值