关于vue中使用ueditor编辑器显示列表序号问题

最新推荐文章于 2023-08-11 10:39:33 发布
原创 最新推荐文章于 2023-08-11 10:39:33 发布 · 631 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js

本文探讨了在HTML编辑器中保存内容后，有序列表（ol, li）样式消失的常见原因，即在保存前将list-style设置为null。为了解决这个问题，提出了一种解决方案：在保存前手动为ul和li元素添加内联样式，设置适当的padding，以保持列表的视觉效果。此方法有助于确保保存的内容在查询时仍能显示正确的序号。

问题描述：编辑器里有序号，保存之后查询回来发现序号丢失。
正常情况我们都会把 ul li ol li 他们的list style给设置null了 所以查询回来发现没有序号。
解决办法：保存之前 手动给ul ol li添加样式 设置一定距离的padding
如图：
在这里插入图片描述

csdncwt
关注
ueditor-list.css
10-19
ueditor有序列表和无序列表的序号样式，解决ueditor部分序号不显示问题
vue里面解决ueditor显示的问题
热门推荐
qiqi学习园地
03-28 1万+
初次init ueditor渲染没有任何问题，但是用浏览器返回上一个路由。在回到init ueditor的页面 富文本不见了。。。无法进行编辑 问题就是别人提的这个https://segmentfault.com/q/1010000011413233 解决办法就是在 mounted（）{ this.editor = UE.getEditor('editor',{ ...
vue-quill-editor样式不显示
qq_36671586的博客
08-11 944
另外 v-html 显示内容上添加 class="ql-editor"
vue-html5-editor集成后有序列表无序列表功能问题
Otaku love travel
08-26 870
vue-html-editor富文本编辑框列表功能
vue3之vue-quill插件回显问题：空格、有序列表
weixin_45346457的博客
12-27 1314
<template> <QuillEditor theme="snow" toolbar="full" v-model:content="textContent" contentType="html" /> <!-- 预览 加上ql-editor类选择器 --> <span v-html="textContent" :class="['quill', 'ql-editor']"></span> </template> .
vue中使用ueditor富文本编辑器
08-28
总结来说，要在Vue中使用ueditor富文本编辑器，你需要完成以下步骤： 1. 下载ueditor并将其放入`static`目录。 2. 配置ueditor.config.js，特别是服务器URL。 3. 创建Vue子组件，引入ueditor相关脚本并初始化编辑器...
精选资源
解决Vue使用UEditor百度编辑器，上传图片服务配置问题（源码）
01-05
在Vue项目中集成百度UEditor编辑器，是一个常见的需求，特别是在需要富文本编辑功能的场景下。UEditor是一款强大的在线编辑器，支持图片、视频、公式等多种内容的插入。然而，将其与Vue框架结合时，可能会遇到一些...
精选资源
vue 百度编辑器ueditor使用文件
10-28
下面将详细介绍如何在Vue项目中使用百度编辑器UEditor。 首先，安装UEditor。在你的Vue项目中，通常会使用npm或yarn来管理依赖。打开终端，进入你的项目根目录，然后运行以下命令来安装UEditor： ```bash npm ...
vue项目中使用ueditor的实例讲解
08-27
vue项目中使用ueditor的实例讲解 在本篇文章中，我们将通过实例讲解来了解如何在Vue项目中使用ueditor。ueditor是一个功能强大且灵活的富文本编辑器，广泛应用于各种web应用程序中。在本篇文章中，我们将一步一步地...
修改wangeditor编辑器的无序列表与有序列表为单独一个无序列表
timebeign的博客
12-18 2890
  1、修改wangeditor编辑器的无序列表与有序列表为单独一个无序列表 2、解决了wangeditor编辑器点击无法撤销问题 （找到源码wangEditor.js 中列表设置的源码位置，挺容易找的） 1、注释改部分代码   2、把this.type的类型改变为click事件   3\把有序列表与无序列表部分操作注释、改为click方法（onClick方法中的代码一...
ueditor-list
04-12
ueditor-list 里面都是ueditor的图片，现在官网进不去了，只能使用这个
UEditor有序列表和无序列表显示问题
echo
04-12 1294
有序列表无序列表某些不显示问题，具体是有序列表1-6个，无序列表最后两个。我开始还以为是padding缩进问题，其实只是图片找不到，找到原因就好解决了
Ueditor 有序列表与无序列表
博博菲菲的博客
11-15 5416
最近项目中使用到百度编辑器ueditor，在开发完成后，进行测试，发现了几个问题。其中一个就是这个有序列表与无序列表的插入。插入自定义的序号，如（1）（2）…，还有无序中的小圆点。这时就不会显示了，在门户展示编辑器内容时就更不显示了。本来想放弃这个修改，找了两天也没有找到，终于有一天，突然发现了情况。下面就来具体说一下，如何实现自定义列表吧。1、首先要去官网下载自定义的资料包。地址如下http://
html有序列表ol不显示列表项不显示序号了
weixin_43698704的博客
01-08 4475
因为css最开始定义了 *{ margin: 0; padding: 0; } 要将序号显示出来需要重新定义： ol li{​ list-style-type:decimal; list-style-position:inside; } 这样就有序号了
vue-quill-editor 中部分样式不显示问题
m0_51666430的博客
11-09 2356
前端项目使用了vue-quill-editor 富文本编辑框，在编辑内容时文本样式都能正常使用，但是上传之后查看文本，就会发现有些样式并没用加载出来。分析编辑器中的css样式可知，.ql-editor外层还需要加个class名ql-snow，（前提是已经引用过该css文件。在需要显示文本内容的盒子中，加入类名ql-editor，且其父盒子加上类名ql-show。查看代码能看到，有些标签上面的类并没有编写。
UltraEdit 12 序列号
马甲的专栏
03-24 2003
UltraEdit 12 序列号UltraEdit 12 序列号Number:                                       ProgramasFullSerial UltraEdit 12                       P3H6J-O7E8H-R5E5Z-B8J4K
用div做有序列表，非常重要！！！
weixin_30925411的博客
05-09 325
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/c...
vue中的富文本编辑器组件vue-quill-editor的使用
weixin_43755513的博客
03-31 431
安装 npm install vue-quill-editor -S 引入 import {quillEditor} from 'vue-quill-editor' import 'quill/dist/quill.snow.css' 使用 <template> <quill-editor v-model="editor" ref="myQuillEditor"...
vue实现列表排序的效果
浩星
08-03 1797
实现element的列表动态排序效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值