当前位置:首页 > 日记 > 正文

百度编辑器 ueditor 内容编辑自动套P标签,及p标签 替换

百度编辑器 ueditor 内容编辑自动套P标签,及p标签 替换

如图,红框为回车键和shift+回车 :

   ===>> 

ueditor.all.js中:

1:

搜索修改成false:allowDivTransToP: false
再搜索并修改以下:

//编辑器不能为空内容if (domUtils.isEmptyNode(me.body)) {me.body.innerHTML = '<div>' + (browser.ie ? '' : '<br/>') + '</div>';}

2:

//给文本或者inline节点套p标签      if (me.options.enterTag == 'p') {        var child = this.body.firstChild, tmpNode;        if (!child || child.nodeType == 1 &&          (dtd.$cdata[child.tagName] || isCdataDiv(child) ||            domUtils.isCustomeNode(child)            )          && child === this.body.lastChild) {          this.body.innerHTML = '<div>' + (browser.ie ? ' ' : '<br/>') + '</div>' + this.body.innerHTML;        } else {          var p = me.document.createElement('div');          while (child) {            while (child && (child.nodeType == 3 || child.nodeType == 1 && dtd.p[child.tagName] && !dtd.$cdata[child.tagName])) {              tmpNode = child.nextSibling;              p.appendChild(child);              child = tmpNode;            }            if (p.firstChild) {              if (!child) {                me.body.appendChild(p);                break;              } else {                child.parentNode.insertBefore(p, child);                p = me.document.createElement('div');              }            }            child = child.nextSibling;          }        }      }

以上类似的有好几处,将p 改为 div

3:

上代码框中 if (me.options.enterTag == 'p') 这个P根据以下开关来走
enterTag: 'p',//改后为回车换行增加br,不改为换行增加div
4://进入编辑器的li要套p标签,我不需要套P,注释掉吧

//进入编辑器的li要套p标签  /*这里开始注释掉 me.addInputRule(function(root){    utils.each(root.getNodesByTagName('li'),function(li){      var tmpP = UE.uNode.createElement('p');      for(var i= 0,ci;ci=li.children[i];){        if(ci.type == 'text' || dtd.p[ci.tagName]){

5:以下找到并注释

//注释掉,这个是自动给ul增加一个内置的样式,如<ul class=" list-paddingleft-2">node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;
//往下隔一行的这个注释掉,这个是自动去除粘贴进去的代码的li的style样式,为何清除我的样式?li.style.cssText && (li.style.cssText = '');

到此就完成了

相关文章

PS怎么使用滤镜制作黑白城市艺术?

PS怎么使用滤镜制作黑白城市艺术?

滤镜,黑白,艺术,城市,电脑软件,简单创意的PS教程,效果图虽然只用了简单的动感模糊滤镜,不过效果就非常有创意,建筑有一种动感效果,画面也简洁了很多。喜欢的同学可以去尝试一下。最终效果图如下:软件名称:Adobe Photoshop 8.0 中文完整绿色破解版…

ps怎么给帅哥穿上个性的东北大花衣

ps怎么给帅哥穿上个性的东北大花衣

东北,穿上,大花,帅哥,衣服,衣服增加布纹的方法有很多,例如:直接把衣服单独抠出,并用想要的布纹剪贴到原衣服上;后期把原衣服的褶皱还原到布纹上,再调整颜色和光影等,得到想要的效果。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.…

PS怎么设计一款银色金属字体立体效

PS怎么设计一款银色金属字体立体效

字体,银色,效果,电脑软件,PS,我们会经常碰到金属字的制作工作,在这样的一个章节里面,我们就来学习一下银色金属字的工作,看看如何通过各种工具来完成这样的一个艺术字的工作。软件名称:Adobe photoshop 6.0 汉化中文免费版软件大小:107MB更新时…

ps把人物做成素描效果教程

ps把人物做成素描效果教程

教程,素描,效果,人物,电脑软件,ps怎样把人物照片做成素描效果?运用PHOTOSHOP软件,可以很简单的把人物照片制作成素描画的效果,下面和小编一起来看看具体步骤吧。ps把人物图片做成素描效果步骤: 1、打开图片,复制一个图层,然后去色(快捷键是ctrl+s…

Photoshop快速的把漫画人物照片变

Photoshop快速的把漫画人物照片变

教程,照片,效果,快速,漫画,效果图:主要过程:1、将我们的背景黑板素材和漫画素材拖拽进PS同时右键单击漫画图层,将其转化为智能对象以方便我们的后期操作2、点击滤镜-风格化-查找边缘先将素材的轮廓勾画出来。3、接下来我们对素材进行反向并应…

ppt2010怎么拆分汉字

ppt2010怎么拆分汉字

拆分,方法,汉字,电脑软件,strong,  在PPT制作过程中,有时我们需要将汉字一笔笔进行拆分,然后按笔画顺序制作成动画。尤其是在汉字教学过程中。那么要怎样做呢?接下来小编告诉你ppt2010拆分汉字的方法。ppt2010拆分汉字的方法首先我们需要打…

Photoshop模拟绘制逼真的挂式空调

Photoshop模拟绘制逼真的挂式空调

图标,绘制,模拟,教程,逼真,时间过的真快,不知不觉已经是夏天了。夏天怎么少的了空调呢?今天小编给大家带来Photoshop模拟绘制逼真的挂式空调轻拟物图标教程,感兴趣的朋友可以一起动手试试哦效果图:主要过程:教程结束,以上就是Photoshop模拟绘制逼…

ASP.NET中GridView、DataList、Dat

ASP.NET中GridView、DataList、Dat

遍历,控件,数据,示例,电脑软件,本文实例讲述了ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法。分享给大家供大家参考,具体如下://gridview遍历如下: foreach (GridViewRow row in GridView1.Rows){ CheckBox cb = (Chec…

JavaScript html5 canvas实现上画

JavaScript html5 canvas实现上画

超链接,上画,电脑软件,JavaScript,canvas,本文实例为大家分享了html5 canvas在图片上画超链接的具体代码,供大家参考,具体内容如下1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"></canvas> <in…

word中多张排版的方法教程详解

word中多张排版的方法教程详解

步骤,方法,教程,多张,详解,  在工作当中,我们经常会使用到办公软件office系列,尤其是Word。在对文档进行编辑的过程中,肯定避免不了插入多张图片、表格、形状、文本框等。但是由于图片、表格、形状、文本框如果正常的编辑的话,经常会按回…

手机wps怎样传送文件

手机wps怎样传送文件

文件,方法,传送,文件传送,电脑软件,  现在手机已经越来越智能了,很多人都会在手机上安装wps办公软件,有时候当我们没有电脑传wps文件时,直接就可以用手机传文件,那么手机wps怎样传送文件呢?下面是小编整理的手机wps传文件的方法,希望能帮到大家…

cdr怎么复制多个图形? cdr旋转复制

cdr怎么复制多个图形? cdr旋转复制

教程,图形,多个,电脑软件,cdr,cdr中可以使用想用的图形旋转得到一个新的图形,该怎么复制图形并旋转呢?下面我们就来看看详细的教程。软件名称:CorelDRAW X8 64位 简体中文安装免费版(附序列号)软件大小:547.9MB更新时间:2016-11-231、可以导入会…