码迷,mamicode.com
首页 > 其他好文 > 详细

一个基于Bootstrap实现的HMTL可视化编辑工具

时间:2020-03-03 21:00:51      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:targe   布局   工具   页面布局   国内   界面   编辑   data-   显示   

疫情禁足在家,用原生的JS实现了一个HTML可视化编辑工具,页面布局基于Bootstrap。大约一个月时间,打通主要技术关卡,实现了第一版:

 
技术图片

可以拖放编辑,实现了几乎所有的bootstrap预定义工具类。

设计时,尽量让其可以灵活扩展,支持多主题切换,为自定义控件预留了接口。

还可以作为bootstrap学的辅助工具,在界面上选好配置,可以把相应的class全部显示出来,所见即所得。

后期的主要实现方向:

1、增加尽量多的主题,形成一个主题库

2、结合国内微信使用状况,增加可以微信分享的H5模板

源码地址:https://github.com/vularsoft/rxeditor

演示地址:https://vular.cn/rxeditor/

一个基于Bootstrap实现的HMTL可视化编辑工具

标签:targe   布局   工具   页面布局   国内   界面   编辑   data-   显示   

原文地址:https://www.cnblogs.com/idlewater/p/12404287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!