≡
  • 网络编程
  • 数据库
  • CMS技巧
  • 软件编程
  • PHP笔记
  • JavaScript
  • MySQL
位置:首页 > 网络编程 > HTML

百度编辑器ueditor自动排版首行缩进四个字符实现方法

人气:2095 时间:2018-10-26

这篇文章主要为大家详细介绍了百度编辑器ueditor自动排版首行缩进四个字符实现方法,具有一定的参考价值,可以用来参考一下。

感兴趣的小伙伴,下面一起跟随四海网的小编两巴掌来看看吧!

百度开源在线编辑器ueditor从用户来说非常的好用,如果网站使用了这个编辑器那网站的体验度会增加很多。但是ueditor是通用在线编辑器,不是对某网站定制的,所以难免有一些不符合用户习惯的地方。

我们网站添加了百度在线编辑器后编辑们一直反应自动排版功能经常出现缩进四个字符的情况。经过分析是编辑们从别的网页复制过来内容后直接粘贴进编辑器,由于其它网站已经用空格代替了缩进功能,所以再自动排版的时候会在段落前面再缩进两个字符,这样就成了缩进四个字符。之前没有缩进的段落是正常缩进两个字符。

为了解决这个问题方便编辑们录入新闻只能修改编辑器的代码了。

修改方法如下:

在文件editor_all.js中查找

if(isLine(ci,true) ){
  if(opt.indent){
  ci.style.textIndent = opt.indentValue;
  }
  if(opt.textAlign){
  ci.style.textAlign = opt.textAlign;
  }
  //                if(opt.lineHeight)
  //                    ci.style.lineHeight = opt.lineHeight + 'cm';
  // 四海网 www.q1010.com
  }

在前面添加以下代码:

//去除段落开始空格
  re = new RegExp("^((\&nbsp\;)+)*","g");
  ci.innerHTML=ci.innerHTML.replace(re, "");
  ci.innerHTML=ci.innerHTML.replace(/(^\s*)/g, "");

保存后刷新后台测试一下,应该没问题了。

本文来自:http://www.q1010.com/175/2684-0.html

注:关于百度编辑器ueditor自动排版首行缩进四个字符实现方法的内容就先介绍到这里,更多相关文章的可以留意四海网的其他信息。

关键词:百度编辑器

您可能感兴趣的文章

上一篇:html 数据显示、隐藏的简单示例
下一篇:HTML/CSS 实现div居中、div内部元素垂直居中的简单示例
热门文章
  • HTML5 文本内容显示三行,多余部分显示...,点击全部展开
  • HTML,CSS,font-family:中文字体和英文名称对照表
  • html 回到顶部的完整代码
  • 百度编辑器ueditor自动排版首行缩进四个字符实现方法
  • HTML 为元素添加一些透明度的简单方法
  • HTML/CSS 实现div居中、div内部元素垂直居中的简单示例
  • HTML 在textarea中选择文本的实现方法
  • CSS分页符示例
  • 【推荐】DIV+CSS入门菜鸟教程
  • HTML 点击超链接在iframe框架显示的实现方法
  • 最新文章
    • css实现移动端禁止手机长按图片弹出保存图片
    • 鼠标拖动DIV元素的实现方法
    • html 标签随机变色大小的简单示例
    • HTML 在textarea中选择文本的实现方法
    • CSS分页符示例
    • HTML 为元素添加一些透明度的简单方法
    • html 回到顶部的完整代码
    • HTML5 文本内容显示三行,多余部分显示...,点击全部展开
    • HTML/CSS 实现div居中、div内部元素垂直居中的简单示例
    • HTML,CSS,font-family:中文字体和英文名称对照表

四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。