UEditor有序列表和无序列表显示问题
https://blog.csdn.net/weixin_45256858/article/details/124127093
问题:
有序列表无序列表某些不显示问题,具体是有序列表1-6个,无序列表最后两个。
(我开始还以为是padding缩进问题)
其实只是图片找不到,找到原因就好解决了
解决
下载 ueditor-list
我也是下载的别人的,花了我50积分,心痛也就一点点(T▽T)
后面我放上这个文件,大家自行下载吧
下载ueditor-list
把 ueditor-list 放入静态目录
我直接放在这个插件的 themes 里(前提是我的插件是放在 public 里的)
修改 listiconpath
网上别人基本都是修改的 ueditor.config.js 里的listiconpath
但是我config文件很多都是注释了,倒是ueditor.all.min.js里面改的比较多(因为改了统计字数的东西,我就不赘述了),我直接改的这里面的listiconpath
其实都是配置,该哪个文件的都行哈
根据我的文件位置,地址就写成这样:
4.修改样式
本来网上教程到上一步就差不多了,但是我这边又遇到一个新问题
这怎么前面还多一个点呢,而且还是凡是插入图的都是多个点
一检查
这什么鬼,没听说过啊
直接讲结果吧
还是改的ueditor.all.min.js(因为我的都是引用的min.js)
找到这句
domUtils.setStyle(list, 'list-style-type', style);
1
改成
if (style === 'circle' || style === 'disc' || style === 'square' || style === 'decimal' || style === 'lower-alpha' || style === 'lower-roman' || style === 'upper-alpha' || style === 'upper-roman') {
domUtils.setStyle(list, 'list-style-type', style);
}
1
2
3
默认样式还是得给他保留的
至此,完美解决ヾ(✿゚▽゚)ノ
————————————————
版权声明:本文为CSDN博主「我借声色与朝阳」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_45256858/article/details/124127093
UEditor有序列表和无序列表显示问题的更多相关文章
- 9月11日上午HTML有序列表、无序列表、网页的格式和布局
样式表 六.列表方块 1.有序列表变无序列表 <ol> <li>张店</li> <li>桓台</li> <li>淄川</l ...
- 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)
网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...
- 有序列表和无序列表、流、格式布局:position
列表方块: 有序列表和无序列表 ol/ul 例如<ol: style:"list-style:"" "> 1.<ol: style:&quo ...
- 前端学习 -- Css -- 有序列表和无序列表
列表就相当于去超市购物时的那个购物清单, 在HTML也可以创建列表,在网页中一共有三种列表: 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul ...
- Python中将字典转换为有序列表、无序列表的方法
说明:列表不可以转换为字典 1.转换后的列表为无序列表 a = {'a' : 1, 'b': 2, 'c' : 3} #字典中的key转换为列表 key_value = list(a.keys()) ...
- Markdown中有序列表和无序列表
最近有用户问我,在简书写 Markdown, 一条有序列表 item 之后接一条无序列表 item,为什么 parse 的结果,第二个 item 依旧是作为有序列表的第二项显示,带有有序列表的列表符号 ...
- html有序列表和无序列表
css控制UL LI 的样式详解(推荐) CSS: 代码如下: #menu ul {list-style:none;margin:0px;} #menu ul li {float:left;} 代码如 ...
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
昨天写的那篇文章<我教女朋友学编程Html系列(6)—Html常用表单控件>,基本上有1000人左右看了,那边文章是我站在前人的肩膀上修改来的,添加了截图和说明,合并了例子,使之更容易被初 ...
- js处理有序列表、js处理无序列表
有序列表.无序列表 显示id为s下所有的li..隐藏同样 $("#s li").show();
- HTML&CSS基础学习笔记1.14—有序列表及列表嵌套
我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧. 有序列表 现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去 ...
随机推荐
- [noip2024游记] 这才是真正的功德流(
[noip2024游记] 这才是真正的功德流 从现在起呆猫会使用短分段了! day -7~-2 最后一周了,但不是太紧张啊 最后一次玩飞盘了,为什么只有\(noip\)前有飞盘/ll 学校的猫猫好可爱 ...
- MobiSys'2022 CoDL论文详解
算子切分 在了解算子切分前,先了解一下卷积的运算过程,作者将算子切分分为了两个维度的切分:OC维度和H维度,没有W维度可能与数据在内存中的存储方式有关. OC维度切分 卷积就是OC数量个kernel_ ...
- 11.Java SDK源码分析系列笔记-Hashtable
目录 1. 是什么 2. 如何使用 3. 原理分析 3.1. uml 3.2. 构造方法 3.3. put方法 3.3.1. 使用synchronized加锁 3.3.2. 计算key落在entry数 ...
- MySQL核心知识学习之路(1)
作为一个后端工程师,想必没有人没用过数据库,跟我一起复习一下MySQL吧,本文是我学习<MySQL实战45讲>的总结笔记的第一篇,总结了MySQL的基础架构.一个查询语句的执行过程 以及 ...
- 前端开发系列022-基础篇之JavaScript和JSON(进阶)
在[javaScript和JSON](http://wendingding.com/2018/04/16/javaScript%E7%B3%BB%E5%88%97%20[05]-javaScript% ...
- lingo 练习3
简介 练习 question 有一个护士工作站点,每天(周一至周日)所需最少职员数量20,16,13,16,19,14,和12,并要求每个职员一周连续工作5天,试求每周所需最少职员数,并给出安排. c ...
- 如何通过ETL对WebService进行调用
一.WebService WebService是基于Web协议和数据格式的分布式组件,通过网络暴露功能接口,实现跨平台.跨语言的互操作性.它作为服务导向架构(SOA)的核心,为企业提供了强大的系统集成 ...
- RestCloud iPaaS集成平台,企业系统快速集成
RestCloud iPaaS集成平台,为企业提供全面的业务系统集成解决方案.当今企业各业务系统间需要相互协助来完成业务,外部API依赖越来越多,同时系统运行在多个混合云环境及SaaS中,私有端大量业 ...
- SciTech-Mathmatics-Multiplication Product = Multiplier × Multiplicand, Properties{Closure, Commutative, Associative, Distributive, Identity, Zero}
https://byjus.com/maths/multiplication/ https://byjus.com/about-us/ Proof of the Divison Algorithm h ...
- win11专业版中笔记本电池图标不显示的问题
目前市场上出售的笔记本电脑基本上都是安装win11专业版系统的,而有一位雨林木风官网用户,刚买了笔记本电脑发现没有电池图标,看不到电池的剩余电量,怎么解决这个问题呢?接下来,雨林木风小编就来分享具体的 ...