Ckeditor 首行缩进

//初始化编辑器

var ckeditor = CKEDITOR.replace(domName,{height: 500,width:800
});

//监听粘贴代码时，进行首行缩进，因为粘贴后，编辑器还需要处理内容才会渲染，所以需要加入延时执行。

技术要点：

ckeditor编辑器会默认过滤“text-indent”的样式。
不能关闭ckeditor过滤功能，会增加很多垃圾代码。
即使关闭过滤机制，可以通过 (item).style.textIndent='2em'，设置缩进，对不需要缩进的段落取消缩进的时候也无法实现，因为ckeditor没有对应的工具设置。
粘贴后，不能直接进行document处理，需要加入延时
需要判断那些标签需要加入缩进，连图片一起粘贴的代码里面，img标签会在p标签里面换行。效果是这样的：“<p><img src="****"/></p>”，其他情况暂时未知，还需要根据实际情况定义。

ckeditor.on("instanceReady", function () {//监听粘贴事件this.document.on("paste", function(e) {setTimeout(function(){var p = ckeditor.document.find("p");count = p.count();for(var i = 0; i < count; i++) {var item = p.getItem(i).$;//判断是否有子元素，用于判断是否p标签里面有图片的情况，具体要根据实际情况进行判断if(item.children.length<1){var html = item.innerHTML;if(html){//因为text-indent会被编辑器默认过滤掉，所以需要使用全角字符“　”代替缩进，这个空白字符代表一个中文字符长度，非空白键。html = html.replace(/　/g,''); //过滤部分网站已经存在的缩进符号，如新浪新闻就是使用全角空白符代替缩进的。item.innerHTML = '　　'+html; //从新设置内容}}}},500);});
});

Ckeditor 首行缩进相关推荐

【踩坑】ckeditor5缩进功能无法直接使用的问题解决，以及首行缩进功能
先解决缩进功能无法直接使用的问题, 如下,直接这样使用的时候,缩进按钮一直是disabled的置灰的状态,无法使用 toolbar: {items: [...'indent',// 增加缩进'outd ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
CSDN markdown中实现首行缩进(空格)的两种方法（“　　”）
前面加上就是一个中文字符的空格长度引用文章: markdown中实现首行缩进的两种方法 https://blog.csdn.net/mountzf/article/details/51714763 ...
html 首行缩进2个汉字
html 首行缩进使用 CSS text-indent 属性. text-indent 属性规定文本块中首行文本的缩进. 注意: 负值是允许的.如果值是负数,将第一行左缩进. 举例 <!DOC ...
CSS实现段落首行缩进、1.5倍行距、左右对齐
.text-content { font-size : 15px ; text-indent : 30px ; /*段落首行缩进,text-indent的值为font-size ...
关于css的text-indent首行缩进两个字符和图片缩进的问题
段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style typ ...
缩进一个字符_Indesign里标点挤压及首行缩进2字符设置
在ID排版,一个汉字的标点符号是占一个全角即占一个汉字的格子.但因为标点符号的间距比较大,若这样进行排版,会特别影响版面的外观度,致使不好看,需要把标点符号与文字的间距缩小才行,这时需要用到标点挤压工 ...
td 首行缩进_工作中常用的CSS整理
一.文本样式 1. 文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度) p{ width:200rpx; overflow: hidden; text-overflow:ellipsis ...
[css] 如何给段落的首行缩进？
[css] 如何给段落的首行缩进? 一看题目居然没想起text-indent

Ckeditor 首行缩进

Ckeditor 首行缩进相关推荐

最新文章

热门文章