tinyMCE编辑器去除换行增加的P标签

最新推荐文章于 2025-07-01 19:42:12 发布

转载最新推荐文章于 2025-07-01 19:42:12 发布 · 6k 阅读

收录于

本文介绍了如何在tinyMCE编辑器中通过设置forced_root_block属性为空来避免换行时自动添加P标签，提供了解决方案和实际应用案例。

tinyMCE编辑器去除换行增加的P标签

tinyMCE里使用回车后会加P标签，如何变成原本的br标签呢？搜索出force_p_newlines : false参数可以关闭自动添加P标签，但实际测试没什么变化，查询了一下源码发现带‘p’的就forced_root_block这个属性，替换为空后，换行就没有P标签了。

例子：

js 代码

tinyMCE.init({
width:200,
forced_root_block:''
mode : "textareas",
theme_advanced_buttons1 : "hr,image",
});

测试效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dai0941

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

把富文本的回车转为br标签

01-19

例如：我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助，↵合作竞争，学习更加有动力！↵从简单的单词到句型和场景对话，↵孩子越来越敢于开口说英语啦！[耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~ 需要转为才能被html识别，并且换行。可以这样做。 ‘↵’是回车符’/n’,这段内容是通过textarea人为编辑，提交给后端保存的。编辑框中可以识别的字符，在普通的标签里面没办法识别到，所以要转换成可以识别的<br> 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用v-html=转换之后的string，就可以正常展示换行了方法2 第二种方

【TinyMCE】TinyMCE6.1及以上版本去除换行增加的P标签

sunxinyi9978的博客

01-05

1838

TinyMCE

1 条评论您还未登录，请先登录后发表或查看评论

去掉TinyMCE自动加上段落标记（<p>）

aren3032的博客

03-12

1317

为了防止出现最初的P标签，您需要添加下面一行到你的初始化语句： tinyMCE.init({ ... force_p_newlines : true//当返回或进入 Mozilla/Firefox 时，这个选项可以打开/关闭段落的建立。选项默认值为：true。 }); 但它仍然把一<p>在块的顶部用这句就OK了 forced_root_bloc...

富文本插件tinymce.init()最全配置参数说明

热门推荐

weixin_45087036的博客

09-16

1万+

代码有点乱慢慢看 { language: _this.language, // 显示语种 selector: #${_this.tinymceId}, // 容器的id height: _this.height, // 高度 body_class: 'panel-body ', object_resizing: false, // 图片和表格是否开启在编辑器内部缩放 toolbar: _this.toolbar.length > 0 ? _this.toolbar : toolbar, // 工具栏

vue3.3-TinyMCE：TinyMCE富文本编辑器基础使用

snow的博客

08-01

5852

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。TinyMCE的优势：开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能（示例看下面的Demo-2）接口丰富，可扩展性强，有能力可以无限拓展功能界面好看，符合现代审美提供经典、内联、沉浸无干扰三种模式（详见“介绍与入门”）对标准支持优秀（自v5开始）

TinyMCE 去掉复制粘贴来的字符串中的标签

lovenkcs的专栏

04-17

3568

首先去到tinymce.init函数中加入如下代码： plugins:"paste", paste_preprocess: function(plugin, args) { args.content = strip_tags(args.content,'<a>'); }第一行是为了让TinyMCE使用paste插件，paste插件中有一个功能是paste_preprocess，他的作用是在字

动态SQL语句的一些常见写法

04-28

2514

动态SQL语句的一些常见写法1:普通SQL语句可以用Exec执行eg: Select * from tableName Exec(select * from tableName) sp_executesql Nselect * from tableName -- 请注意字符串前一定要加N2:字段名，表名，数据库名之类作为变量时，必须用动态SQLeg: de

SQL语句规范的写法

zoneidccom的博客

06-09

545

SQL语句规范的写法【199cloud-艾娜】语句关键字应全部使用小写。引用字符时应使用单引号。如：update testable set idcol=’abcd’。连接符或运算符or、in、and、＝、<=、>=， +，- 等前后宜加上一个空格。否则容易导致以下类似问题。例如在语句select a–b from table中，a，b均为变量，拼写该语句时，如果a = 6，b = -3，则语句变为select 6–3 from table。–被视为SQL的注释，结果语句报错。

sql语句的多种写法

我要去桂林-田春峰

07-06

3294

sql formatter 1 2精妙SQL语句 Bill Gates 眼中的聪明人不可不看：人生十二个经典的感悟精妙SQL语句介绍 Oracle Union All Query根据指定ID，返回包含该ID的所有父级记录一个DETAIL 表，item ,empid, money1 001 1002 001 150 ... ...

mysql把一个表某个字段的内容复制到另一张表的某个字段的SQL语句写法

简.约

06-23

4224

需求：把一个表某个字段内容复制到另一张表的某个字段。实现sql语句1: UPDATE file_manager_folder f1 LEFT OUTER JOIN file_manager_folder f2 ON f1.name = f2.name AND f2.parentId = 54 SET f1.parentId = 54 WHERE f2.name IS NULL AND f1.id...

SQL 查询语句

最新发布

2301_79609207的博客

07-01

4316

SELECT 语句的作用是从数据库表中查询数据，并将符合条件的结果以表格的形式返回。

富文本-去除标签/展示富文本的样式

Change!

12-02

2828

富文本是常用的文本编辑器。通常我们用到的是Editor、Tinymce，或者根据自己的需求将两者结合，自己封装下也可以。不过我们今天探讨的是富文本在table列表的展示。如何用最简单的方法：去除富文本的标签/转换成编辑完富文本的样式：只用v-html即可 <el-table-column prop="info" label="更新内容" width="450"> <template slot-scope="{row}" > <div v-html=

tinymce 去掉编辑器换行默认增加的p标签

且听风吟的博客

07-20

3375

tinymce 去掉编辑器换行默认增加的p标签

vue中TinyMCE编辑器的使用

Amanda_wmy的博客

03-14

8775

vue中TinyMCE编辑器的使用 TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器。富文本编辑器 UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲 bootstrap-wysiwyg：微型，易用，小而美，只是 Bootstrap + jQuery… 所以项目中用到的是TinyMCE，可前后端分离。可购买 tiny...

在Vue项目中使用tinymce富文本编辑器

服务员的博客

04-16

6413

这两个组件安装完之后，在public目录下新建文件夹tinymce，目录建好后，找到node_modules文件夹下的tinymce/skins目录，将skins目录复制到我们创建的tinymce文件夹内。安装之后，在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 public/tinymce 目录下。在刚才创建的static/tinymce文件夹内再新建langs文件夹，用来存放我们下载的中文语言包，如下图所示。多语言支持，官网可下载几十种语言。

TinyMce介绍、环境配置与使用心得

06-26

4630

　　TinyMCE 是一个基于浏览器(例如MSIE或Mozilla)的强大的所见即所得的编辑器，它使用户可以方便的编辑HTML内容。它非常灵活并且是为系统集成而设计的，比如在Intranets、CMS、LMS等系统中应用。　　特点

sql语句写法

kking_edc的博客

09-16

815

一、LEFT JOIN 1.1 用法 LEFT JOIN 关键字会从左表 (table_name1) 那里返回所有的行，即使在右表 (table_name2) 中没有匹配的行。 1.2 例子 “Persons” 表： “Orders” 表：现在希望列出所有人，以及他们的订购-如果有的话，可以使用下面的sql语句 SELECT Persons.LastName, Persons.FirstName, Orders.OrderNo FROM Persons LEFT JOIN Orders ON Pers

T-SQL中case语句的两种写法及区别

weixin_34185512的博客

01-08

1752

T-SQL中的case语句相信大家一定不陌生，但是它有2种写法，如下：写法一： case 变量 when 值1 then.. when 值2 then.. else .. end 写法二： case when 逻辑表达式 then -- true的情况 else -- false的情况end 如果是二叉分...

解析SQL语句中INSERT语句的另一种写法

Star8816的专栏

10-08

6718

今天一个偶然的机会中知道 SQL 中的 INSERT 语句还可以这样写： INSERT INTO tbl_name (col1, col2) VALUES (value1_1, value1_2),(value2_1, value2_2),(value3_1, value3_2)...这样的写法实