当前位置:主页 > 织梦教程 >

百度Ueditor编辑器DIV,html标签替换及代码被过滤问题解决方法

栏目分类:织梦教程   发布日期:2017-02-19   来源:资源盒子   浏览次数:
解决“ 织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程 ”中遗留的html标签过滤问题。前者 资源盒子 主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了一个问题:该编辑

解决“织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程”中遗留的html标签过滤问题。前者资源盒子主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了一个问题:该编辑器存在一个标签过滤问题。当在该编辑器下添加html代码时,可以正常的保存在数据库中,当再次编辑时,会发现很多html标签被过滤掉了。除此之外,还有标签替换的问题。因此,本篇主要讲述这两个问题的解决办法。


DIV标签转换成P标签问题:

首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代码,将true设置为false

me.setOpt('allowDivTransToP',false);


插入HTML代码后再次编辑,标签过滤不显示问题:

这是本篇的重点。即对保存好的带html代码的文章再次编辑时,出现html标签被过滤不显示的问题。

    根据ueditor官方描述:http://ueditor.baidu.com/website/helper.html  第10条,引用编辑器的内容框是采用的textare标签,解决办法就是替换为script标签。

    原始代码:

else if($GLOBALS['cfg_html_editor']=='ueditor')
	{
		 $fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
		$code = '<script type="text/javascript" charset="utf-8"
		src="/include/ueditor/ueditor.config.js"></script>
		 <script type="text/javascript" charset="utf-8"
		src="/include/ueditor/ueditor.all.js"></script>
		<link rel="stylesheet" type="text/css"
		href="/include/ueditor/themes/default/css/ueditor.css"/>
		<textarea name="'.$fname.'" id="'.$fname.'"
		style="width:100%;">'.$fvalue.'</textarea>
		<script type="text/javascript">var ue = new
		baidu.editor.ui.Editor();ue.render("'.$fname.'");</script>';
		if($gtype=="print")
		{
		  echo $code;
		 }
		 else
		{
		 return $code;
	}
	}


修改后代码:

else if($GLOBALS['cfg_html_editor']=='ueditor')
	{
		 $fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
		$code = '<script type="text/javascript" charset="utf-8"
		src="/include/ueditor/ueditor.config.js"></script>
		 <script type="text/javascript" charset="utf-8"
		src="/include/ueditor/ueditor.all.js"></script>
		<link rel="stylesheet" type="text/css"
		href="/include/ueditor/themes/default/css/ueditor.css"/>
		<script name="'.$fname.'" id="'.$fname.'" style="width:100%;">'.$fvalue.'</script>
		<script type="text/javascript">var ue = new
		baidu.editor.ui.Editor();ue.render("'.$fname.'");</script>';
		if($gtype=="print")
		{
		  echo $code;
		 }
		 else
		{
		 return $code;
	}
	}

这样,就可以完美解决标签过滤问题。

总结

    以上即是织梦DEDECMS使用Ueditor编辑器所遇到的标签替换和标签过滤的解决办法,其他CMS可做类似修改。

3.4 其他问题

    在织梦CMS中,添加栏目内容和单页时,虽可以引用到Ueditor编辑器,但编写的内容并未保存到数据库,解决传送门>>织梦替换ueditor后栏目与单页无法保存内容

打赏本站
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
织梦标签工具下载 ↑↓
织梦标签工具下载