Ueditor 背景色的识别与分类

最新推荐文章于 2023-08-03 13:59:03 发布
最新推荐文章于 2023-08-03 13:59:03 发布
阅读量1.3k 收藏
点赞数
分类专栏： Ueditor 标注 背景色 分类 文章标签： Ueditor 标注 背景色 分类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014296371/article/details/78908824
版权
本文探讨了如何利用Ueditor中文字背景色进行内容分类。通过示例展示了如何获取特定背景色（如rgb(146,208,80)）下的文本内容，用于类别划分，从而实现数据的统计和处理。" 108154754,5841333,使用Koa与EJS搭建Web应用,"['前端开发', 'Node.js', '服务器端渲染', 'Koa框架', 'EJS模板']

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.示例

Ueditor 背景色的识别与分类

2.目的

根据选中的文字的背景色，取得相应背景色下的内容。比如示例图中绿色背景色下的 “目前有工作人员”、“北中达集团旬东”、“部署救援的”三条内容。

3.用途

可用于类别的划分。同种颜色代表某一类别，最后统计该类别的数据，对数据做相应处理。

4.处理方法

Ueditor 对文字所显示的背景色，在源码上体现为：

<span style="background-color: rgb(146,208,80)"> 目前有工作人员</span>

因此可以用以上作为区分标识，rgb(146,208,80)作为区分颜色的标识。


                

                
                
        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    


                



	

		

			

				
					
ueditor编辑器抓取页面背景图片background-image或background

				
			

			

				

					☆╮123☆
				

				

					01-16
					
					3767
					
				

			

		

		

			
				
ueditor.all.js文件里找到catchremoteimage，修改如下几部分代码（可以跟未修改之前对比一下）：


UE.plugins['catchremoteimage'] = function () {
    var me = this,
        ajax = UE.ajax;

    /* 设置默认值 */
    if (me.options.catchRemote...

			
		

	



                

            
              



	

		

			

				
					
富文本编辑器UEditor自定义工具栏（一、基础配置与字体、背景色、行间距、超链接实现）...

				
			

			

				

					aoqiao1146的博客
				

				

					07-25
					
					1661
					
				

			

		

		

			
				
导读：UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，功能强大，可定制，是一款优秀的国产在线富文本编辑器，编辑器内可插入图片、音频、视频等。
一、UEditor自定义工具栏效果图如下：

二、UEditor富文本编辑器环境搭建及项目引用
环境搭建不再赘述，请自行查阅或者参考以下链接
1.UEditor官网：http://ueditor.baid...

			
		

	



              


  
              

                


	

		

			

				
					
百度ueditor编辑器背景不显示问题

				
			

			

				

					weixin_30700099的博客
				

				

					10-28
					
					1039
					
				

			

		

		

			
				
网友办法：http://www.hongxuejing.com/hulianwang/ueditor_not_show_background-33.html
官方办法：http://fex-team.github.io/ueditor/#start-uparse
我的解决方法：
　　在文章结尾加上：

<div id="content">文章内容</div>&lt...

			
		

	





	

		

			

				
					
Ueditor二次开发 一键点击 设置表格选中单元格的背景色

				
			

			

				

					zzzzaj2012的博客
				

				

					12-25
					
					748
					
				

			

		

		

			
				
 Ueditor二次开发 一键点击，设置表格选中单元格的背景色


UE.registerUI('tdbgColor', function(editor, uiName) {
//注册按钮执行时的command命令，使用命令默认就会带有回退操作
	editor.registerCommand(uiName, {
		execCommand: function() {
			alert('execC...

			
		

	



		

			
		



	

		

			

				
					
Ueditor字体背景颜色选项颜色修改

				
			

			

				

					Kill_Living的博客
				

				

					08-16
					
					7070
					
				

			

		

		

			
				
作为一个小白， 刚刚接到任务要把字体背景色的选项卡里面的颜色改掉，比如原来有很多，我现在只留几种颜色就行就像这样。 这可苦了小白我了，在苦苦奋战了一个多小时

后，终的一大神指点，在ueditor.all.js中找到COLORS改掉。

不过有以下几点要注意下，

我是自编译ueditor改掉ueditor.all.js后，输入文本时候选择背景色没有那两个背景色输入框，故不知道文本的位

			
		

	





	

		

			

				
					
Ueditor中代码的高亮和背景在前端页面的实现

				
			

			

				

					weixin_30405421的博客
				

				

					06-08
					
					163
					
				

			

		

		

			
				
　　首先废话就不多说，这个富文本编辑器的下载和js等基本文件的导入略。
　　我的最终目标是这样的，我们在页面中的富文本框中输入代码，希望它能够被后台接受、存入数据库，当通过服务器将这些代码再一次显示在前台的页面上的时候，我们希望所呈现的是如下的情况：
　　　　
　　就是说需要对代码的背景和高亮的部分的样式也进行保存。我的解决过程是这样的（假设在demo.html中进行输入，在demo.php...

			
		

	





	

		

			

				
					
ueditor-dev-1.5.0【ueutf8-php】

				
			

			

				

					02-04
				

			

		

		

			
				
1. **文本格式化**：支持加粗、斜体、下划线、字体颜色、背景色、字号调整等基本文本样式操作。 2. **段落处理**：可以进行段落对齐、行距调整、首行缩进等排版设置。 3. **链接插入**：允许用户方便地插入内外部...

			
		

	





	

		

			

				
					
【UEditor界面自定义】：打造与网站风格一致的编辑器体验

				
			

			

				

					
				

			

		

		

			
				
[【UEditor界面自定义】：打造与网站风格一致的编辑器体验](https://avatars.dzeninfra.ru/get-zen_doc/1931033/pub_6314cd7eb265be00174b2479_6314d016e79d6e626e93f301/scale_1200)  # 摘要 UEditor作为一个流行的...

			
		

	





	

		

			

				
					
【UEditor版本升级指南】：新旧版本差异与无缝迁移秘籍

				
			

			

				

					
				

			

		

		

			
				
本文首先概述了UEditor的升级必要性，随后详细对比了新旧版本在用户界面、核心功能以及插件与扩展方面的变化。为确保升级过程顺畅，本文接着介绍了升级前的准备工作，包括系统兼容性检查、数据备份与安全策略以及...

			
		

	





	

		

			

				
					
【React+UEditor常见问题解答大全】：轻松应对集成与使用挑战

				
			

			

				

					
				

			

		

		

			
				
本文详细介绍了React和UEditor的集成、配置、高级功能实现、界面定制与优化以及安全性和兼容性处理。首先概述了React+UEditor集成的基础知识，随后深入探讨了基础配置的应用、高级配置选项、插件集成、后端数据交互...

			
		

	





	

		

			

				
					
百度web编辑器ueditor配置日记 - 添加按钮 - 全屏 - 按钮管理 - 适配手机屏幕显示 - 背景色

				
			

			

				

					Rudon滨海渔村的博客
				

				

					01-08
					
					1493
					
				

			

		

		

			
				
# 让整个页面适配手机屏幕，包括编辑器

./index.html中的head中添加一句：


<meta name="viewport" content="width=device-width, initial-scale=1.0" />




# 获取当前编辑器里面的内容（html格式）


<button onclick="save();">保存</butt...

			
		

	





	

		

			

				
					
百度编辑器  html背景,百度ueditor编辑器背景不显示问题

				
			

			

				

					weixin_39695374的博客
				

				

					06-15
					
					579
					
				

			

		

		

			
				
网友办法：http://www.hongxuejing.com/hulianwang/ueditor_not_show_background-33.html官方办法：http://fex-team.github.io/ueditor/#start-uparse我的解决方法：在文章结尾加上：文章内容$(function () {var cbg = $("#content p[data-backgro...

			
		

	





	

		

			

				
					
ueditor编辑器自定义添加切换背景信纸功能JS操作

				
			

			

				

					y1323400186的博客
				

				

					04-23
					
					317
					
				

			

		

		

			
				
function setWrittingPaper(para,type){//para为后端传来的背景信纸与样式，type为写信还是回信，后端为C++
  var  allInfo = ue.body.innerHTML;
  if(type != 0)
  {
   var strStartoneIndex = allInfo.indexOf('>');
   var strStartIndex = allInfo.indexOf('</div>');
   var userInputI

			
		

	





	

		

			

				
					
网页显示ueditor保存后的内容不显示背景

				
			

			

				

					weixin_44362764的博客
				

				

					04-26
					
					968
					
				

			

		

		

			
				
UEditor编辑器为了防止xss攻击，默认过滤了P标签的data-background属性，不能设置页面的背景样式。
在ueditor.config.js文件的xss过滤白名单中修改以下：

并且在页面中引入js：
 <script type="text/javascript" src="../ueditor/ueditor.parse.js"></script>


在...

			
		

	





	

		

			

				
					
UEditorPlus v2.8.0发布 颜色自定义，文档功能完善

				
			

			

				

					ModStartCMS的博客
				

				

					01-03
					
					936
					
				

			

		

		

			
				
颜色选择增加自定义颜色显示UEditorPlus v2.8.0 已经发布。新增：单图上传时也对图片进行压缩处理，根据配置自动切换压缩和非压缩模式新增：颜色选择框新增自定义颜色选择组件（现代浏览器支持）新增：服务器部署文档完善和常见问题说明文档优化：自动格式化按钮样式显示优化优化：颜色选择框排版样式间距调整。

			
		

	





	

		

			

				
					
百度编辑器UEditor自用问题记录(发现一个记录一个)

					
最新发布

				
			

			

				

					爱吃涮肉的博客
				

				

					08-03
					
					394
					
				

			

		

		

			
				
设置ueditor.config.js中的过滤规则，在P标签的属性中加入data-background，在获取html文本就包含了背景设置。：UEditor编辑器为了防止xss攻击，默认过滤了P标签的data-background属性，不能设置页面的背景样式。设置背景，无论是纯色或是网络图片，最终拿到的content没有background属性。

			
		

	





	

		

			

				
					
UEditor使用技巧(2):自定义样式

					
热门推荐

				
			

			

				

					呆子罗
				

				

					11-17
					
					2万+
					
				

			

		

		

			
				
改变内容框的样式
改变字体大小和颜色：内容框默认是白色背景，最近要做Web版的PS，模拟CMD命令窗口或者ISE命令窗口的背景色，分别：是黑色背景+白色字，蓝色背景+白色字
通过谷歌浏览器可以查到内容框是由JS生成的一段HTML片段，这个JS名称是 ：ueditor.all.js。在这个JS内找到它生成的html代码片段.view{padding:0;word-wrap:break-word;

			
		

	





	

		

			

				
					
Ueditor编辑保存的内容网页显示时背景等信息无效果---参考UEditor官方文档之编辑内容展示

				
			

			

				

					ystyaoshengting的专栏
				

				

					12-17
					
					7828
					
				

			

		

		

			
				
背景

大家使用 UEditor 是为了让用户能在页面中编辑富文本内容，但这应该只是手段方法。我们最终的目的是为了呈现用户编辑的内容。也就是内容的展示。原来我们对这块是不考虑的，只关注在编辑端。但随着编辑器产出内容的增加和复杂化，比如图表展示，代码高亮，自定义的列表标号等等，如果都在最终产出的编辑数据中处理，那势必会导致产出数据带有冗余内容，而且也很大程度上硬编码了展示时定制效果。基于这些问题

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值