潘某人SEO
首页 >  编程教程 >  Html教程 >  正文

解决百度UEditor富文本编辑器回车追加P标签问题

 作者：潘某人SEO
2268

百度富UEditor富文本编辑器有一个坑就是无论你怎么修改只要你回车或者换行了就会强行追加一个P标签，会严重的影响到我们正常排版；并且就算是进入html模式进行删除这个P标签之后，你会发现又会给你强制加上P标签，可以说正常的使用方式是无法避开这个坑的，想要解决这个问题只能对这部分的逻辑代码进行修改，网站的教程很多但是都比较复杂，给大家分享一个1秒可以解决百度富文本编辑器强制自动追加P标签的问题的方法。

1623762848412.jpg

使用百度富文本编辑器，就需要引入UEditor编辑器代码根目录下的ueditor.all.js或者ueditor.all.min.js，而我们需要修改的正是这个文件，引用的是哪个文件就修改哪一个，两个文件的代码是一样的，只是后者对代码进行了压缩。我们以ueditor.all.js引入的方式，来降下如何一招搞定富文本编辑器自动追加P标签的问题。


    var _url = editor.options.UEDITOR_HOME_URL;
    return {
        isShow: true,
        initialContent: '',
        initialStyle:'',
        autoClearinitialContent: false,
        iframeCssUrl: _url + 'themes/iframe.css',
        textarea: 'editorValue',
        focus: false,
        focusInEnd: true,
        autoClearEmptyNode: true,
        fullscreen: false,
        readonly: false,
        zIndex: 999,
        imagePopup: true,
       enterTag: 'p',//修改为enterTag: '',

在ueditor.all.js的第8062行，不同的版本可能不一样，直接在文档里搜索下“enterTag”，只要一个删除键就可以搞定；把enterTag: 'p'中的p删除就可以了；如此一来不用跟其他教程那样复杂的去修改前面的逻辑代码，此处控制的是回车键反馈的参数，直接把p改成空值，那么在UEditor编辑器输入回车的时候只会出现个</br>换行标签，再也不会出现烦人的p标签了，赶紧去试试吧。

申明：本站内容仅代表个人观点，仅供学习参考;未经授权任何个人或组织单位不得复制、转载、摘编以及其它形式的应用! 本站文章可能使用到互联网上的资料，若对您造成困扰，请联系 kk19@foxmail.com除理 本文地址:https://www.chateach.com/it/html/690
相关文章

  • 百度富文本编辑器超链接添加nofollow
    编辑器添加nofollow

    如何给百度富文本编辑器超链接添加nofollow，即如何给百度文本编辑器添加一个nofollow标签添加的功能，可以方便文本编辑超链接的时候，对站外或者站内的链接添加nofollow标签，有效的防止站点权重的分散。

    1822
    • 编辑器添加nofollow

  • linux系统下使用Vue CLI脚手架安装vue3
    Vue CLI,vue3

    linux系统下使用Vue CLI脚手架安装vue3。Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前。端工作流提供了功能齐备的构建设置。

    1402
    • Vue CLI
    • vue3

  • html网页如何禁止打印页面
    禁止打印页面

    html网页如何禁止打印页面方式，可以禁止打印键盘的快捷键组合，但是用户可以直接鼠标操作浏览器来实现打印；所以通过css来屏蔽打印内容的输出更加的合理有效，代码如下所示。

    1547
    • 禁止打印页面

  • MySQL常用查询语句大全
    Mysql查询语句

    MySQL常用的查询语句大全看这里，值得收藏。MySQL数据库管理系统由瑞典的DataKonsultAB公司研发，该公司被Sun公司收购，现在Sun公司又被Oracle公司收购，因此MySQL目前属于 Oracle 旗下产品。

    892
    • Mysql查询语句

  • Sudo 本地提权漏洞修复
    Sudo提权漏洞,

    Unix和Linux系统Sudo 本地提权漏洞修复，国外研究团队发现sudo堆溢出漏洞（CVE-2021-3156），漏洞隐藏十年之久，普通用户可以通过利用此漏洞，在默认配置的 sudo 主机上获取root权限。

    1304
    • Sudo提权漏洞

  • centos下修改ssh端口
    ssh端口,

    服务器如何修改默认的ssh端口，修改ssh默认端口是非常有必要的可以保证登陆的安全性。

    1173
    • ssh端口

  • 如何解决Vue中mounted不能获取到data
    mounted获取data

    Vue中使用mounted时，无法获取到data的原因是，this无法指向data中的数据。在mounted生命周期中this指向的是window对象而不是Vue对象，所以真正找的是window对象下的data，但是window下没有data，所以就报错了。

    1653
    • mounted获取data

  • js中的数组元素的添加方法
    js数组添加元素

    js中的数组元素的添加方法，主要有三种方法，用索引元素添加、push( )方法、unshift()方法，push()方法在数组的尾部添加一个或多个元素，并返回数组新的长度，修改并替换了原始数组而非生成一个修改版的新数组。

    617
    • js数组添加元素

  • 原生js 复制内容到剪切板代码实现
    js 复制内容，剪切板代

    有时候为了提升用户体验，比如在某些页面需要实现点击内容，将内容复制到剪切板，可以提升用户复制内容的操作效率；因此在实际操作中通过一定的事件触发复制功能是非常有意义的行为，下面是两种通过原生js实现复制内容到剪切板。

    1082
    • js 复制内容
    • 剪切板代

  • JS中的indexOf方法
    indexOf

    indexOf()是js中内置的方法之一，它的功能大家都很熟悉：简单来说就是得到数据的索引，对于正则不熟练的人，是个很不错的方法。string中indexOf() 会将数值参数转换为字符再查询索引；number类型没有IndexOf() 可以转换为字符再使用;array中indexOf() 是严格比较

    664
    • indexOf

  • java如何切分割字符串
    java,字符串

    在我们日常工作中经常遇到截取字符串的需求，这里重点介绍两种常见的java截取字符串方法。

    759
    • java
    • 字符串

  • Laravel的简介及其安装方法
    Laravel安装方法

    linux下使用composer的方式安装laravel 9.x版本的方法，及laravel的简介，Laravel是一套简洁、优雅的PHP Web开发框架，它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。具有了一套高级的PHP ActiveRecord实现 -- Eloquent ORM。

    1020
    • Laravel安装方法

  • SpringBoot——Thymeleaf中的条件判断
    Thymeleaf

    SpringBoot——Thymeleaf中的条件判断（th:if、th:unless、th:switch、th:case）,th:if、th:unless、th:switch、th:case 这几个属性，其实和JSP里面的那些标签都是类似的，含义就可以理解为Java语言中的if、else、switch-case这些条件判断一样，所以这里就不再详细叙述了，下面就直接给出例子！！！

    1575
    • Thymeleaf

  • Springboot如何生成cookie，获取cookie信息
    Springboot,cookie

    Springboot如何生成cookie，获取cookie信息，cookie就是一个小体积的键值对，格式：key=value;客户端和服务器端，通常使用http协议来进行数据传输，而http协议是无状态的。也就是客户端向同一个服务器端发送的第一次Request和第二次Request，是没有关联的。需要cookie来保存一些用户信息，每次向相同的域名（domian）和路径（path）发送Request时都会携带cookie。

    858
    • Springboot
    • cookie

  • 解决Incorrect result size: expected 1, actual 0异常
    Spring,queryForObject报错

    在Spring中使用queryForObject做数据库查询时出现如下异常Incorrect result size: expected 1, actual 0异常，是什么原因造成，如何解决呢？

    1330
    • Spring
    • queryForObject报错

  • Laravel Module开发包安装方法
    Laravel Module

    linux环境下通过composer安装Laravel 模块化laravel-modules包，实现laravel 的模块管理器。

    1390
    • Laravel Module

  • vue 如何监听滚动至底部
    vue触底监听

    vue如何实现触底判断，实现无限加载等功能。当我们需要实现无限加载的时候，即实现瀑布流的功能的时候，核心就是监听页面的滚动事件，当滚动触底的时候去请求加载数据，既可以实现无限加载下拉。

    1310
    • vue触底监听

  • Spring Boot 如何解决跨域问题
    SpringBoot跨域

    SpringBoot 如何解决跨域问题方法，CORS全称Cross-Origin Resource Sharing，意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时，就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问，那么访问的那个资源就会遇到跨域问题。

    699
    • SpringBoot跨域
-- 这已经是底线了,看看别的把！ --