wjz_ckeditor：可以取代dz编辑器的现代编辑器－－－v2.1.0 [20240324]
<h5>wjz_ckeditor for discuz是什么？</h5>wjz_ckeditor for discuz是discuz论坛的一个内容排版插件，用于排版的在线富文本编辑器。原身为大名鼎鼎的ckeditor，知名度很高，功能及可扩展性很强，有20年历史了，且一直在更新。<br />
先漏个脸面：<br />
<img aid="768" src="data/attachment/forum/202402/07/110053us591wj7bj16d566.png" style="height:172px; width:1263px" />
<pre>
在线安装地址：https://addon.dismall.com/plugins/wjz_ckeditor.html </pre>
<div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px">更新日志：<br />
<br />
v2.1.0:<br />
1、增加：增加某易网站图片下载规则<br />
2、修正：强力删除图片功能一处bug<br />
<br />
v2.0.0: (这是一个具有里程碑的版本：<span style="color:#e74c3c">异步</span>取图片版本，理论上可以取到规则里所有的图片)<br />
1、修正：复制其它论坛图片时带有的原aid<br />
2、优化：将同步取图片的方式改为异步，提升用户体验<br />
<br />
v1.3.2：<br />
1、优化：防止图片木马上传<br />
2、优化：针对ckeditor木讷的表情包优化<br />
<br />
v1.3.0: (这是一个具有里程碑的版本：<span style="color:#e74c3c">同步</span>取图片版本，最高记录取163张图片)<br />
1、增加：选择文字后返回“源码”后自动选择对应位置<br />
2、增加：超强删除插件，主要针对图片/文件，一键删除文件及数据库对应数据<br />
3、增加：数学公式，可用于数学/化学教学<br />
4、修正：远程图片上传插件对图片小于1KB的限制改为限制10字节<br />
5、修正：隐藏贴子底部出现和文章内容一样的图片<br />
<br />
v1.0.8：<br />
1、修正：解决ckeditor对html img元素自定义属性的过滤<br />
2、优化：优化代码，化繁为简<br />
<br />
v1.0.6：<br />
1、增加：对ckeditor编辑器内的图片加上aid，方便其它插件对图片进行二次利用<br />
<br />
v1.0.5：<br />
1、增加：增加某书图片下载规则<br />
<br />
v1.0.4：<br />
1、修正：注释掉与其它插件冲突的js代码<br />
2、优化：css样式优化<br />
<br />
v1.0.2：<br />
1、增加：美化h1,h2,h3,h4,h5,h6,pre,code,.code等元素<br />
2、优化：优化一处代码防止与其它插件冲突<br />
<br />
v1.0.0：<br />
1、增加：编辑器ckeditor4.19.1</div>
<br />
<strong>有网友问：discuz默认自带的编辑器功能已经很强大，何必再弄一个编辑器到discuz中？</strong><br />
针对这个网友的说法，只能说，每个人都有自己的用法：如果discuz论坛用于产生原创内容且内容不含有html的话，默认自带的编辑器确实足够强大，功能也足够使用，但如果内容中含有html的话，就显得力不从心了，毕竟网络上的文章内容的样式不尽相同，复制别人的知识到自己的论坛时会出现排版混乱的情况：如：Go语言高性能编程之pprof性能分析，此文章为discuz默认编辑器排版后的样式，虽然复制到编辑器的时候是正常的，但发表文章后样式就变了。一个排版差的样式，即使内容再精彩，很多人也会当成垃圾一样闭眼不看。因此，为了更好更有力的积累更多的知识，且至少要有一个不太差的排版样式，最终将discuz论坛默认的编辑器替换为ckeditor。<br />
<br />
网上有很多知名的在线富文本编辑器，如ueditor、kindeditor、wangEditor、ewebeditor、tqeditor等，为啥偏要选择ckeditor？纵观在线富文本编辑器历史，不难发现，开源的国内编辑器多数只是昙花一现，然后便不再维护。只有ckeditor一直在更新，从我用的fckeditor一直升级到ckeditor，界面上的功能基本没变化，但底层功能一直在优化，一直在跟随时代h5的发展而发展，因此我相信，当下在线富文本编辑器中，ckeditor绝对是至强者之一，选择与强者为伍，或许能带来更多益处。<br />
<h5>能做什么？</h5>
作为一个在线富文件编辑器，主要用于文章内容的编辑，比如插入图片、给文字加颜色、控制文字大小、表格编辑、插入视频等，用于网络知识的编辑作用。<br />
<br />
除排版作用以外还可以对复制过来的html内容进行优化，对一些垃圾样式进行清除，达到我们所需要的样式。<br />
比如：默认编辑器复制过来的源代码：<br />
<img alt="" src="data/attachment/forum/202302/22/102411tvg4biimngpmg4ym.jpg" style="height:30px; width:888px" /><br />
如果用ckeditor复制的网页知识是不会出现<font face="" "="">这种垃圾代码的。<br />
<br />
注：由于discuz论坛核心以bbcode为准，因此使用ckeditor时必须在后台开启“<span style="color:#e74c3c"><strong>允许使用 HTML 代码:</strong></span>”、“<span style="color:#e74c3c"><strong>允许使用Discuz!代码:</strong></span>”功能，各个版块、各个用户组都要开启，否则页面会直接把html原本内容显示出来，失去了排版的能力。<br />
<h5>有哪些功能？</h5>
除了基本的文字排版功能，还特别加入了<span style="color:#e74c3c"><strong>粘贴剪切板中的图片、远程图片下载、图片上传、强力删除、数学/化学公式、选中文字可以对应到源码</strong></span>等功能。且图片相关的功能直接与discuz论坛功能保持一致。旨在创建一个高可用的在线富文本编辑器。
<div style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px"><span style="color:#d35400">注：目前可以将wps文档中的文字+图片全部粘贴到ckeditor中，太方便不过了。功能确实无比强大。</span></div>
<br />
<br />
在线安装地址：https://addon.dismall.com/plugins/wjz_ckeditor.html <br />
用户问题答疑
<h6>问题1：此款插件为绿色插件吗？是否可以下载下来直接使用？</h6><p> <s>答： 此款插件有修改source目录下的部分文件，非绿色插件。ckeditor for discuz 会覆盖discuzX3.5默认主题默认编辑器的相关文件，如果使用的是默认主题，可以直接覆盖对应目录对应文件；非官方默认主题，需要对比相关主题对应文件进行修改。</s></p>
<p>自20230923之后，此插件为绿色插件，不修改dz源代码。</p>
<h6>问题2：关于图片上传都能和贴子关链吗？</h6>
答：图片直接上传已经与贴子关链，与默认编辑器上传功能保持一致；截图的图片也可以直接上传且与贴子功能关链；网络图片下载，无须登录校验的图片均可以正常保存且与贴子关链。
<h6>问题3：ckeditor集成到discuz论坛中，安全性如何？</h6>
答：cheditor是一款在线的富文本编辑器，本身为纯html+js实现，基本上没有安全漏洞。主要为输出html后，进入数据库，可能会有风险。本人至少复制200多篇文章，出于不同类型网站，暂时没有发现安全性问题。<br />
注：本人会尽可能复制更多的文章来测试安全性，以保证使用者网站的安全。
<h6>问题4：可以上传视频、mp3吗？</h6>
答：由于视频、mp3可能会涉及到版权问题，暂时屏掉此功能。如果后期有用户需要用此功能时，再集成进来。
<h6>问题5：我用discuz论坛默认编辑器和ckeditor发出的贴子都一样，好像没有区别？你能说下区别点吗？</h6>
答：主要区别点之一：复制各种网站信息时，输出排版会比默认编辑器强，且会清除过时/多余的样式，使得代码更简洁有效。示例一：<a href="forum.php?mod=viewthread&tid=30&extra=page%3D1" target="_blank">默认编辑器复制过来的排版、编辑、输出时可能会乱</a>。对于论坛编辑者或者知识信息收集者来说，一款功能强大的编辑器是多么的重要。好比切菜时，用菜刀拍了一下蒜，刀断了，还怎么切菜呢？工欲善其事必先利其器，就是这个道理。<br />
注：多数在线编辑器复制网站上的文章信息时，可以切换到“源代码”模式，看看有没有垃圾的html代码，有，说明此编辑器底层基本不够强健，且这些垃圾html也会占用数据库空间，过多的垃圾html会导致数据库存储过大甚至会有被截断的风险。看此篇文章，就是复制网站信息时，垃圾html太多，导致被截断，文章信息不全。唉，没及时发现，这次努力白费了。
<h6>问题6：ckeditor已经发展到版本ckeditor5了，你还在用过时的版本4，卖一些过时的产品给我们用，为何不给我们新版本用？</h6>
答：最新的ckeditor5对浏览器内核是有要求的，低版本的浏览器内核可能无法正常编辑，从而带来不必要的糟糕体验。<br />
<table border="1" cellpadding="1" cellspacing="0" style="border-collapse:collapse; margin:10px 0px 10px 15px; width:800px">
<tbody>
<tr>
<td><img alt="" src="data/attachment/forum/202302/25/170914kvocxvcxzq222owq.jpg" style="height:185px; width:301px" /> </td>
<td> 我会在众多的浏览器中测试并逐步升级ckeditor，此图为chrome36－96版本主流浏览器，肯定会舍弃某些低版本的浏览器，向主流的内核靠拢。这个需要大量的时间来做兼容性测试，相信耐心可以做到一切。</td>
</tr>
</tbody>
</table>
<div> </div>
<h6>下图是复制网站内容时，某编辑器丢失部分内容的截图：</h6>
<img alt="" src="data/attachment/forum/202302/25/214334srp7qayglqh5tete.jpg" style="border:1px solid #eeeeee" /><br />
<h6>内容截断：</h6>
<img alt="" src="data/attachment/forum/202302/25/214620r261buinuoq6g2vn.jpg" style="border:1px solid #eeeeee" /><br />
注：目前 ckeditor for discuz 未实现的功能：hide隐藏内容回复可见、附件购买等非文章发布需要的功能。 发现ckeditor4.20版本以后，低版本的chrome浏览器已经不兼容了，最后一个兼容低版本chrome的ckeditor为4.19.1版本。升级到此版本。<br />
<br />
发现4.19.1版本已经可以将wps文档中的图片和文字直接复制到ckeditor并将图片上传，呵呵，可怜我之前为4.6.2版本花了一个星期写的粘贴图片插件。好心痛，又好开心：心痛的是我的付出变成为泡沫，开心的是，这货居然可以将wps文档中的图片也一并上传。我这个做后端的一直没想通原理，它居然实现了。 经过不懈的努力，终于将wjz_ckeditor做成dz的一个插件，今天为20230923，用了近6个月的时间，终于成功独立为一个插件了。 之前版本有修改官方源代码，无法上应用中心。现在可以上应用中心了。 应用中心地址：https://addon.dismall.com/plugins/wjz_ckeditor.html 现在论坛所使用的编辑器就是ckeditor，但主要用于排版使用。不涉及排版的文字，还用dz简单的回复贴子编辑器。
有客户问：贴子底部的回复为啥不弄成ckeditor呢？
答：dz论坛默认已经加载了mini版的编辑器，而且简单的回复不涉及复杂的排版，无须加载ckeditor。
注：此插件为绿色版，不想用就禁用或者某版块不开启html功能，就不会加载ckeditor。做一个学习论坛，你确定不用ckeditor吗？ 2023.10.11正式将wjz_ckeditor上线，取代了之前修改官方源代码的方式作为排版编辑器。<br />
同时，也为wjz_removewater无痕去水印留了一个标识（这个标识在其它编辑器中可能非常好做，但到了ckeditor后必须要额外声明extraAllowedContent内容，否则会将元素的非标准属性给去掉。这也是为啥ckeditor正规的原因：遵循html标准）。<br />
<br />
注意：使用时，可以将管理后台设置为：管理后台－上传设置－论坛附件－贴子中显示图片附件：否 勾选。如果不这样做，内容中显示一次图片，附件也显示一次图片，会走两次图片流量。不知道官方为什么要这样设计。 <h1>客户使用疑问：</h1>
<strong><span style="font-size:14px">1、我在排版时，无法跳出格式/样式，这是怎么回事？是不是有缺陷？</span></strong><br />
答：ckeditor默认回车使用html元素p标签，但是，这会让文章行距变高。于是将回车使用的p标签改为br换行标签。 可以使用<span style="color:#e74c3c"><strong> shift+回车 </strong></span>即可跳出正在排版的格式/样式。<br />
<br />
<strong><span style="font-size:14px">2、我用ckeditor下载远程图片时无法下载，这是怎么回事？</span></strong><br />
答：如果能够确定非登录时才能看到的图片无法下载，请在 <a href="forum.php?mod=viewthread&tid=285&extra=page%3D1" target="_blank">这一主题贴</a> 直接贴出无法下载图片的文章url地址或者QQ上联系我发我文章url地址。处理后，我会挨个回复。<br />
注：如果你非常忙，没时间联系我，但又必须要将这篇文章放到自己网站上，<strong>教你一招：截图粘贴图片或者将该网站图片下载下来再上传</strong>，都可以实现。<br />
<br />
<h4>2024.02.05增加几个插件</h4>
<h5>1、textselection</h5>
在编辑模式下选中内容，然后切换到“源码”模式，依然可以看到选中的内容<br />
2、aligncenter：从别的网页复制过来的图片、段落标题等都会失去原来的样子，此插件是让图片、段落标题居中。<br />
注：此插件默认不开启，并不是所有复制过来的内容都必须要整理。非必需，因此不主动开启此插件。
<h5>3、powerdel：强力删除图片</h5>
在编辑模式下，点击图片，再点击编辑器上的X，就可以直接将图片彻底删除（包括文件和数据库信息）。<br />
注：写这个插件一方面是为了弥补一键“远程图片下载”的不足：要么全部下载完，要么不下载。
页:
[1]
2