search

lljj-x / vue-json-schema-form

基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.01k stars 418 forks source link

description栏无法正确的显示<ul>标签 #279

Closed Jaden-47 closed 1 year ago

Jaden-47 commented 1 year ago

vue和ui框架

vue3、ui框架element plus、vjsf: "@lljj/vue3-form-element": "^1.14.2"

问题描述

在playground的ui:schema（表达式）例子中，给任一object的description赋值时无法正确显示<ul>标签。虽然<ol>可以正常使用。 image image

如何复现

在schema中，给任一object赋予属性“description”:"<ul><li>项目1</li><li>项目2</li></ul>"

期望的结果

“description”:"<ul><li>项目1</li><li>项目2</li></ul>"能正确显示格式

Jaden-47 commented 1 year ago

似乎是ul标签的list-style-type和padding-left属性被修改了，导致显示不出来。正确设置如下


<ul style="list-style-type:disc; padding-left:20px;"></ul>
lljj-x commented 1 year ago

可以看下是哪里的css覆盖了，可以自己css处理下

Jaden-47 commented 1 year ago

可以看下是哪里的css覆盖了，可以自己css处理下

不好意思，本地的vue3 + element plus的版本是没问题的。只有playground有问题