如上图所示,上传图片后,总是将图片的元素高宽默认绑定上,但是由于显示时网站是自适应的,绑定上行内样式高宽的图片总是会显示不正常,所以需要将其去掉。默认如下图即可。
百度上的解决方案都是修改此文件。
尽管我觉得修改这个文件不太好,但是我还是试了试,结果还是没有效果。
直到看到有文章说
CKEDITOR.editorConfig = function( config ) {
config.disallowedContent = 'img{width,height};img[width,height]';
这样写可以,但是需要在CKeditor版本4.4以上,于是下了下了一个4.4.6版本的CKeditor,修改后果然成功了。参考原文链接
如上图所示,上传图片后,总是将图片的元素高宽默认绑定上,但是由于显示时网站是自适应的,绑定上行内样式高宽的图片总是会显示不正常,所以需要将其去掉。默认如下图即可。百度上的解决方案都是修改此文件。尽管我觉得修改这个文件不太好,但是我还是试了试,结果还是没有效果。直到看到有文章说CKEDITOR.editorConfig = function( config ) { ...
ckeditor5-经典图像调整大小
CKEditor5经典图像调整大小插件
该插件使您可以使用宽度和高度输入来编辑图像的大小,并提供宽高比锁定工具,使缩放变得容易而又不会扭曲图像。
npm i @emagtechlabs/ckeditor5-classic-image-resize
yarn add @emagtechlabs/ckeditor5-classic-image-resize
使用以下命令更新src / ckeditor.js:
import ClassicImageResize from '@emagtechlabs/ckeditor5-classic-image-resize' ;
Editor . builtinPlugins = [
// ...
ClassicImageResize ,
// ...
Editor . defa
const questionBodyEditor = CKEDITOR.replace( 'questionBodyEditor');
questionBodyEditor.on( 'fileUploadRequest', function( evt ) {
var fileLoader = evt.data.fileLoader,
在我们使用ckedit4的时候,配置很麻烦,特别是图片上传和图片浏览功能,没有找到合适的,我就自己写了一个很实用的图片上传和图片浏览的功能,是使用PHP的程序,分别放在ckeditor目录的update文件里面
假如我们的ckedit4放在根目录的下:
/ckeditor/upload/browerupload.php 图片浏览功能
/ckeditor/upload/upload.php....
if (!D.linkEditMode) D.linkElement = b.document.createElement('a');
D.commitContent(d, D.imageElement);
D.commitContent(e, D.linkElement);
console.log(D.imageElement.getAttribute('style'));
D.imageElement.setAttribu.
ckeditor4 中,config.js 配置文件不生效的解决方法
ckeditor4 窗口根据内容高度,动态变化
ckeditor4 内容没有同步到 textarea 中
ckeditor4 图片上传相关的配置
删除 图片上传时的高级配置 tab 项
指定图片上传地址 、清除预览区的文字
springboot2.x 实现后台保存图片
图片上传成功和失败时的返回格式
ckeditor4 只显示内容,工具栏不显示,隐藏