夏夜追凉丶
夏夜追凉丶
  • 发布:2024-11-13 16:20
  • 更新:2024-11-13 16:20
  • 阅读:57

#插件讨论# 【 官方富文本编辑器editor组件改良扩展优化版 - 夏夜追凉丶 】关于添加缩进后,使用mp-html导出后缩进的样式无效的问题

分类:uni-app

问题:关于添加缩进后,使用mp-html导出后缩进的样式无效的问题
原因:插件在添加缩进的时候是给标签添加了 ql-indent-缩进数 的类,这个类mp-html不认识,所以让mp-html认识就行了
解决:在mp-html的插件源码中,文件路径为 uni_modules->mp-html->components->mp-html->node->node.vue文件最底下加上样式代码:

<style lang="scss">    
@for $i from 1 through 10 {    
  .ql-indent-#{$i} {    
    margin-left: #{$i * 2}rem;    
  }    
}    
</style>

代码解释:创建10个ql-indent-1到10的类,给上左边距为索引2倍的rem距离。(一个tab缩进按2个单位算)
注:写app.vue全局样式里貌似没用,mp-html还是不认识,得写它里面

2024-11-13 16:20 负责人:无 分享
已邀请:

要回复问题请先登录注册