`
郑云飞
  • 浏览: 813970 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

修改百度在线编辑器(UEDITOR)自动排版首行缩进四个字符问题

 
阅读更多

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

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

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

修改方法如下:

在文件editor_all.js中查找

1
2
3
4
5
6
7
8
9
10
11
12
           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';
 
 
            }

在前面添加以下代码:

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

 

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

分享到:
评论

相关推荐

    百度富文本编辑器UEditor 1.4.3版本

    总之,百度富文本编辑器UEditor 1.4.3版本是一个强大且易用的工具,它为Web开发者提供了高效的内容创作环境,使得用户在网页上可以如同使用桌面编辑软件一样便捷地编辑文本内容。通过不断的迭代和更新,UEditor持续...

    百度编辑器ueditor-dev-1.5.0 gbk-asp 编译版

    百度编辑器(UEditor)是百度公司推出的一款强大的Web在线富文本编辑器,旨在为用户提供一个所见即所得(WYSIWYG)的编辑环境。它的主要特点是轻量级、高度可定制以及对用户体验的重视。作为一款开源产品,UEditor...

    百度编辑器批量上传图片并自动排版

    百度编辑器(Ueditor)是一款由百度公司开发的开源富文本编辑器,它提供了丰富的API和功能,使得用户可以方便地在网页上编辑文本、插入图片、视频等多媒体内容。本篇文章将详细讲解如何在百度编辑器中实现批量上传...

    百度ueditor编辑器.zip

    百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器

    .net百度编辑器(UEditor)上传图片跟上次附件不成功的解决办法

    .NET百度编辑器(UEditor)是一个功能强大且广泛使用的富文本编辑器,但是在上传图片和附件时,可能会遇到一些问题。以下是解决.NET百度编辑器(UEditor)上传图片跟上次附件不成功的方法。 一、上传图片配置文件 ...

    百度编辑器UEditor v1.4.3.2 asp版 UTF-8.zip

    百度编辑器UEditor v1.4.3.2 更新日志: 更新 video-js 以修复 XSS 安全漏洞 百度编辑器UEditor简介 百度编辑器Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。 ...

    百度编辑器ueditor

    百度编辑器ueditor是一款由百度公司开发的开源富文本在线编辑器,它专为Web开发者设计,旨在提供一个简单、高效且功能丰富的文本编辑体验。ueditor支持多种浏览器环境,如Chrome、Firefox、Safari、IE6+等,能够满足...

    百度编辑器ueditor-dev-1.5.0官方最新版utf8-net.rar

    UEditor是由百度公司前端研发部精心打造的一款开源的Web在线富文本编辑器。它以其轻量级、高度可定制和优秀的用户体验著称,广泛应用于各类网站和应用中,提供所见即所得(WYSIWYG)的编辑功能,使得用户在网页上...

    百度编辑器ueditor-dev-1.5.0 utf8-php 编译版

    百度编辑器拥有活跃的开发者社区,提供详细的文档、示例代码和常见问题解答,帮助开发者解决在使用过程中遇到的问题。此外,社区还分享了许多定制案例和插件,进一步丰富了编辑器的功能。 总的来说,ueditor-dev-...

    百度编辑器ueditor.zip

    百度编辑器ueditor是一款功能强大的富文本在线编辑器,广泛应用于网站内容管理、博客、论坛等场景,为用户提供了一个便捷的可视化编辑环境。ueditor以其易用性、灵活性和丰富的功能,深受开发者喜爱。在下载并解压...

    百度开源在线文本编辑器(ueditor) demo

    百度UEditor是一个功能全面、易于集成的在线文本编辑器,适用于需要用户生成内容的Web应用。通过其丰富的API和可扩展性,开发者可以定制出符合特定业务需求的文本编辑功能,提高用户体验。学习和掌握UEditor的使用,...

    百度Ueditor在线富文本编辑器

    通过以上介绍,我们可以看到百度Ueditor是一个功能强大、易于使用的在线富文本编辑器,无论是个人博客还是企业级项目,都能从中受益。其完善的API文档和丰富的示例代码,使得开发者能够快速地进行集成和二次开发,...

    百度编辑器ueditor上传图片视频以及div去掉P标签

    “百度编辑器ueditor上传图片视频以及div去掉P标签”涉及到的是在使用ueditor编辑器时,如何处理HTML元素与标签的问题,特别是针对`<p>`(段落)标签与`<div>`(分组内容)标签的转换,以及在上传图片和视频时如何...

    百度ueditor编辑器

    **百度UEditor编辑器详解** 百度UEditor是一款由百度公司开发的专业级富文本编辑器,它以其强大功能和易用性在Web应用中广受欢迎。UEditor专为满足现代网络编辑需求而设计,提供丰富的文本格式化选项,支持多媒体...

    百度编辑器ueditor-dev-1.5.0官方最新版gbk-net.rar

    UEditor是由百度公司前端研发团队精心打造的一款开源的Web在线富文本编辑器。它以其轻量级、高度可定制化以及优秀的用户体验而受到广泛赞誉,尤其在免费的富文本编辑器中,UEditor堪称其中的佼佼者。这款编辑器支持...

    百度富文本编辑器Ueditor1.8.1完美版含文档,例子

    **百度富文本编辑器Ueditor 1.8.1详解** 在Web开发中,富文本编辑器是不可或缺的工具,它允许用户以类似Word的方式在网页上编辑内容,包括字体、颜色、样式、图片和链接等。百度Ueditor是一款开源的、功能强大的富...

    springboot+layui 整合百度富文本编辑器ueditor入门使用教程(踩过的坑).doc

    ueditor是一种轻量、可定制、注重用户体验的富文本web编辑器,由百度的FEX前端研发团队开发,开源基于MIT协议,允许自由使用和修改代码。 ueditor的特点 * 轻量:ueditor非常轻量,压缩后的js文件只有几十KB。 * ...

    百度编辑器ueditor-dev-1.5.0官方最新版gbk-php.rar

    Ueditor,由百度的web前端研发部倾力打造,是一款专为网页设计的所见即所得(WYSIWYG)富文本编辑器。其设计理念在于提供轻量级的框架,强大的自定义能力以及卓越的用户体验,这使得Ueditor在众多免费编辑器中...

    vue 百度编辑器ueditor使用文件

    而百度编辑器(UEditor)是一款强大的富文本编辑器,广泛应用于网站内容编辑、论坛发帖等场景。将UEditor集成到Vue项目中,可以提供用户友好的文字编辑体验。下面将详细介绍如何在Vue项目中使用百度编辑器UEditor。 ...

Global site tag (gtag.js) - Google Analytics