前端可視化編輯ibootstrap+ueditor

背景


隨著配置的越來越多,一臺服務(wù)器上部署的tomcat越來越多,同時面臨著端口也越來越多,而且有時候隨著tomcat數(shù)量增加,要部署在多個物理設(shè)備中,如需要部署在windows服務(wù)器上,linux服務(wù)器上,華為云上等,此時就需要用一個簡單的前端可視化生成工具快速生成。

前端可視化生成工具很多,有些不能做到響應(yīng)式

1、發(fā)現(xiàn)ibootstrap還不錯,適配了很多瀏覽器,同時可以簡單可視化編輯和生成

地址:http://www.ibootstrap.cn

登錄后首頁為:

有基本的布局設(shè)置(總寬度是12),基本的css布局,工具組件,還有javascript工具,用起來直接拖上去就可以,非常的簡單。。。

然后點擊下載,就可以生成代碼,直接拷貝到自己的html中,同時需要<head>標(biāo)簽增加下面三個:

<script src="https://code.jquery.com/jquery.js">

<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js">

<link rel="stylesheet">

當(dāng)然如果需要支持中文,

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

2、百度自己的Ueditor

地址是:http://ueditor.baidu.com/website/index.html


是一款強(qiáng)大的前端可視化編輯工具,富應(yīng)用功能做的很好,基本的功能均能滿足

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,680評論 19 139
  • 本文首發(fā)于 GitChat,現(xiàn)免費放出~感謝大家的支持。 我們都知道,大學(xué)幾乎是沒有 Web 前端課的。以我所在的...
    hylerrix閱讀 5,189評論 6 60
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,291評論 25 708
  • 2016年10月11號 王小廚是我做飯時給自己取的名字,因為小家小業(yè)小生活,什么都小小的,即清新又別致。 總感覺...
    棉山羊閱讀 432評論 0 0
  • 卡之家來說一說:妹子表白被拒是怎樣的體驗?在線看文章的兄弟姐妹們應(yīng)該都有表白和被表白的經(jīng)驗吧,那么就會經(jīng)歷拒絕和被...
    卡之家閱讀 330評論 0 3

友情鏈接更多精彩內(nèi)容