CKeditor 配置使用

最新推荐文章于 2023-01-06 18:15:11 发布
最新推荐文章于 2023-01-06 18:15:11 发布
阅读量807 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： WEB开发必学必会
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/huangleijay/article/details/11569327
本文介绍了CKeditor的使用方法，包括如何在页面中引入和配置编辑器，以及详细讲解了CKeditor的配置参数，如界面语言、宽高设置、工具栏配置等。此外，还提到了一些实用技巧，如如何精简CKeditor的文件结构。

ckeditor 的官方网站是 http://ckeditor.com/ ，我当前使用的版本是v3.0.1。

一、使用方法：

1、在页面

中引入ckeditor核心文件ckeditor.js

</script type="text/javascript" src="ckeditor/ckeditor.js"></script>

2、在使用编辑器的地方插入HTML控件

</textarea id="TextArea1" cols="20" rows="2" class="ckeditor">

了解本专栏 订阅专栏 解锁全文 超级会员免费看
ckeditor富文本解决文段首行缩进问题
向宇
03-11 3581
前言 今天使用富文本的时候，客户有个需求，需要在文段的前面空两格达到缩进效果 一开始我用了两种办法 1.文字前加空格（空格源码为&nbsp;小程序前端不会有渲染效果） 2.开启ckeditor的Outdent和Indent减小缩进和增大缩进配置（源码加入了margin-left: 40px;样式，整段都被缩进了） 结果都达不到想要的效果，兜兜转转就写了这篇文章，希望帮到大家 解决 1.核心其实是因为margin-left: 40px;和text-indent: 2em;的问题 2.打开cked
CKeditor&nbsp;配置使用（转）
DannyZheng的专栏
01-16 477
CKeditor 配置使用
ckeditor空格nbsp全变问号的解决方法
rose1314的专栏
11-10 1192
   相信很多人用PHP版的ckeditor是不是经常会遇到空格&amp;nbsp;全变成问号的情况（如图）。   录入进去的是&amp;nbsp;  ，utf-8编码，但用ckeditor读入内容时，在编辑器里显示的却是个黑点问号，切换到源码，竟是一个小方框，这问题啊，真是折腾死人了。。。   我们总归咎于ckeditor的原因，更新了ckeditor还是一样。 其实还是编...
ckeditor&nbsp;开发者文档配置设置
小李子不是我
11-01 917
editor具有丰富的配置来定制它的用户界面，特性和功能，主要的配置文件名为“config.js”。它在CKEditor安装文件夹的根目录上。 ckeditor 官方网址：http://ckeditor.com.cn  ckeditor API 地址：http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.html 可用的配置选项 所有...
dedecms 5.7 sp1版 ckeditor 编辑器，首空两格的解决办法
liufile的专栏
12-04 4726
请注意，原创内容，转载请注意注明出处。 编辑器中编辑文本或者混排时，需要能首行空两格。 解决办法有： 1、用全角空格，这个别人都说过，就是输入法中按shift+空格键，切换出全角再打空格，可以解决问题，但是非常累人。如果很多的话。 2、使用css样式表，通常是在p标签中，加首行缩进，但是你会发现失效，为什么呢。看我解决办法。 样式解决： 1、找到include目
ckeditor-vue2 清空为啥会有 nbsp
最新发布
07-05
另一种方法是配置CKEditor，使其在空时使用其他占位方式。CKEditor 5提供了`Enter`插件来控制回车行为，但并没有直接提供配置来改变空内容时的占位符。因此，我们可以通过监听数据变化来手动处理。 实现示例： ...
CKeditor4.7.3标准版图片上传及相关配置
二进制的博客
10-16 1958
说明 CKeditor版本 ckeditor_4.7.3_standard Tomcat版本 apache-tomcat-8.0.44 下载CKeditor和CKeditor文档 https://ckeditor.com/ckeditor-4/download/ https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_installation 图
TP5.1整合CKeditor4编辑器和MarkDown编辑器在项目中
拜拜甜甜圈
11-07 781
点击选择切换不同的文本编辑器先使用JQ做出切换显示DIV的效果首先想到的是切换隐藏编辑器的div到了这里看似已经达到我们想要的目的了,但是测试数据的时候，发现了一个巨大的问题。以后就不记录修改过程了, 只记录思路和代码结果 码子太麻烦了一点多!!! 先使用JQ做出切换显示DIV的效果 这个我用的是比较low逼的写法，前端功底薄弱，只能理解着写一些简单的（前端JS部分要补课）有需要的朋友凑合着看，主...
[转]emacs&nbsp;TAB&空格缩进配置、命令
Elta学习
07-03 1143
最近在使用emacs（不是xemacs,不是gtk-emacs)编写C程序，碰到的前辈同样遇到的问题：缩进用TAB还是空格的问题。 默认情况下emacs是使用TAB的，下面的配置语句可设定所有遇到TAB的地方都使用适当个数的空格缩进（写到配置文件~/.emacs中）： (setq-default indent-tabs-mode  nil) 另外还认识了两个命令： M-x tabify 将所有
ckeditor4 输入框监听问题 解决方案
New_Yao的博客
02-17 1069
本文示例使用的 html vue ckeditor4 监听代码如下 <textarea class="border" id="contentText" name="docContentText" rows="5" cols="80"></textarea> data: { isChanged: false,//富文本是否被编辑(改动) }, mounted: function () { con
【Ckeditor】编辑器光标位置保存及赋值，解决空格编码替换问题
学敲代码的Stars的博客
01-06 853
【Ckeditor】编辑器光标位置保存及赋值，解决空格编码替换问题
Ckeditor 首行缩进
b876143268的专栏
10-22 2438
//初始化编辑器 var ckeditor = CKEDITOR.replace(domName,{ height: 500, width:800 }); //监听粘贴代码时，进行首行缩进，因为粘贴后，编辑器还需要处理内容才会渲染，所以需要加入延时执行。 技术要点： ckeditor编辑器会默认过滤“text-indent”的样式。 不能关闭ckeditor过滤...
ckeditor使用教程 php,为ckeditor编辑器修改添加一键排版功能
weixin_36360005的博客
03-10 506
为ckeditor编辑器修改添加一键排版功能使用PHPCMS V9的朋友都知道，V9内置使用ckeditor编辑器，但是默认编辑器的排版功能不是很强大，下面绿茶小编教大家修改一下编辑器，改动几个地方，让Ckeditor编辑更加实用一些。1、批量去除超链接：打开 statics/js/ckeditor/ckeditor.js找到：$.execCommand('unlink',false,null)...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

huangleijay

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值