ueditor富文本编辑器过滤了代码，如何取消？

最新推荐文章于 2024-02-21 21:54:26 发布

草巾冒小子

最新推荐文章于 2024-02-21 21:54:26 发布

阅读量3.7k

点赞数

分类专栏： HTML 5 JavaScript 文章标签：富文本编辑器 ueditor

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/79806685

版权

JavaScript 同时被 2 个专栏收录

70 篇文章 2 订阅

订阅专栏

HTML 5

33 篇文章 3 订阅

订阅专栏

后台`UEditor富文本编辑器`，编辑的`代码被强制过滤`，并被强制修改成`<p>`标签？导致前台页面效果不对？

ueditor富文本编辑器，虽然好用，但是很多时候，如果没有足够的使用经验，一般是很难找寻其中的诀窍；
尤其，使用中出现的诸多问题，列举如下：

很多 html 代码被替换成了一堆 <p>···</p>标签？

富文本框的 width和 height设定问题？
富文本内容填写完毕之后，点击保存，却没有保存成功？
等等

上面只是枚举了几个常见的问题，下面具体分享一些小细节经验。

1. 如何在页面中引用`ueditor`富文本编辑器？

引入插件的代码如下：

<!DOCTYPE HTML >
<html>
  <head>
   ···01中间部分，代码省略···
  
	<!-- 引入富文本框 插件-->
	<script type="text/javascript" src="plugins/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="plugins/ueditor/ueditor.all.js"></script>
	<script type="text/javascript" charset="utf-8" src="plugins/ueditor/lang/zh-cn/zh-cn.js"></script>
	···02中间部分，代码省略···
	
</head>
<body>

	···03中间部分，代码省略···

2. 如何调用、并设置富文本编辑器的`width`和`height`?

调用插件的代码如下：

	···04中间部分，代码省略···

	<!-- ---------------富文本框 编辑区域--------------- -->
	<!--手机端 商品描述-->
	<script id="DESC" name="DESC" type="text/plain" style="width:90%;height:100px;">${product.DESCRI}</script>
	<!--电脑端 商品描述-->
	<script id="PCDESC" name="PCDESC" type="text/plain" style="width:90%;height:100px;">${product.PCDESCRI}</script>
	
	<p>···05中间部分，代码省略···</p>
	
	<!--[if lt IE 9]>
	  <script src="js/jquery-1.9.1.min.js"></script>
	<![endif]-->
	<script src="js/jquery.min.js"></script>
	<script type="text/javascript">
		//实例化编辑器
		//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
		UE.getEditor('DESC');
		UE.getEditor('PCDESC');
	</script>
</body>
</html>

3. 如何取消`ueditor`的代码过滤功能？从而，真正实现，后台编辑输入什么样的代码，前台就显示什么样的代码效果！

查看以上的代码片段，其中发现如下代码：

	//实例化编辑器
	UE.getEditor('DESC');
	UE.getEditor('PCDESC');

上述代码就是需要的取消过滤功能的代码，具体不在深入探讨。

完结，后续有新技术再研讨。

以上就是关于“ueditor富文本编辑器过滤了代码，如何取消？”的全部内容。

草巾冒小子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ueditor富文本编辑器过滤了代码，如何取消？

后台UEditor富文本编辑器，编辑的代码被强制过滤，并被强制修改成&lt;p&gt;标签？导致前台页面效果不对？ueditor富文本编辑器，虽然好用，但是很多时候，如果没有足够的使用经验，一般是很难找寻其中的诀窍；尤其，使用中出现的诸多问题，列举如下：很多 html 代码被替换成了一堆 &lt;p&gt;···&lt;/p&gt; 标签？富文本框的 width 和...
复制链接

扫一扫