基于 layui 的极简社区模版 Fly Template

MIT
HTML/CSS
跨平台
2016-10-26
贤心

Fly Template 由 layui官方社区( Fly社区 ) 倾情抽取,页面基于 layui 搭建而成,可很好地作为简约通用型社区的页面支撑。我们希望通过该模板表明我们对 layui 执着的信念、以及对未来持续加强的承诺。

字符解析
该模版自带一个特定语法的编辑器,当你把内容存储到数据库后,在页面读取后浏览,会发现诸如“表情、代码、图片”等无法解析,这是因为需要对该内容进行一次转义,通常来说这是在服务端完成的,但鉴于简单化,你还可以直接在前端去解析,在模版的detail.html中,我们已经把相关的代码写好了,你只要打开注释即可。

当然,如果觉得编辑器无法满足你的需求,你也可以把该编辑器换成别的HTML编辑器。

在线预览
http://www.layui.com/template/fly/

社区相关

首页预览

的码云指数为
超过 的项目
加载中

评论(3)

拿客-三产
拿客-三产
金牌美工助手
金牌美工助手
不知道下载后怎么部署到自己服务器里呀?
潜龙在渊静待
潜龙在渊静待
ie11下富文本编辑器发表情的时候直接报错。您官网上也一样。报错:wrongdocumenterror ;指向insertnode 方法

Fly Template V3 发布,基于 layui 的极简通用型社区模板

Fly 社区模板 3.0 发布了,基于全新的 layui 2.x,目前内置版本为 layui 2.2.3,后续可直接覆盖升级 layui。相比上个版本,Fly Template v3.0 主要有以下两点提升: 全面同步最新的 Fly 社区...

2017/12/01 11:31

Fly Template v2.0 发布,基于 layui 的极简社区模版

Fly Template 由 layui官方社区( Fly社区 ) 倾情抽取,基于 layui 搭建而成,提供了全屏和固宽两类排版,并且具备响应式适配能力,可很好地作为简约型问答社区的页面模版支撑 更新日志 采用...

2017/03/15 08:50

没有更多内容

加载失败,请刷新页面

没有更多内容

2
回答
layui upload如何使用csrf

在使用layui upload的时候,被csrf拦截,各位大大侠们,这个要怎么解决? 一|页面代码 <!-- security csrf --> ...

2016/11/21 15:45
3
回答
Layui表单验证失败的提醒方式,怎么改变一下????第一次用
贤心 的回答 2017/01/15 12:27
最佳答案
这个只能在 form.on('submit', callback) 中自己写一下if验证规则,把对应表单的lay-verfily去掉 http://www.layui.com/doc/modules/form.html#onsubmit
2
回答
关于LayIM的版权问题 , 想用 , 看到不开源 , 想先问问

关于版权 LayIM目前并非开源产品,因此如果你是通过官网捐赠渠道获得LayIM,你可以将其应用在任意正规平台。如果你通过非捐赠渠道获得LayIM,我们并...

2017/02/20 17:26
2
回答
LayUI啥时候会出带复选框的tree组件啊

做权限选择的时候,有点别扭啊````` 花钱买了个````啥时候出官方的啊

2017/02/18 16:56
3
回答
LayUI在这种情况下为啥说,找不到对象?????
丶Lion 的回答 2017/01/24 10:29
最佳答案
,layui的lauui.use方法好像跟include有先后顺序的样子, ajax对象放到document.ready里面也不起作用 但是,ajax对象放到一个声明的function里,点击按钮触发这个function.就会找到ajax对象了 解决方法就是 不能把layui.use初始化的所...
3
回答
ie浏览器对 返回的json数据提示下载
方钧 的回答 2016/11/24 08:32
最佳答案
注意: 1:IE不支持contentType为 application/json,在ajax 上传文件完成后返回json 时 IE提示下载文 件 , 解 决 办 法 是 使 用 : render(new JsonRender().forIE()) 或者 render(new JsonRende...

没有更多内容

加载失败,请刷新页面

没有更多内容

layer真是个不错的web弹层组件,值得收藏

发现layer组件的那一刻,真的被她的惊艳给震住了,赶快找了一下她的官网,各种体验各种试,很OK,以下是来自官网的一些介绍。 一些唠叨 在线调试 前往旧版1.8.5 layer是一款近年来备受青睐的...

2016/05/30 01:05
21
0
网站自适应实现

``` @media screen and (min-width:1920px) { .layui-container { width:1650px; } .layui-hide-lg { display:none!important } .layui-show-lg-block { display:block!important } .layui-s...

2018/03/05 08:52
60
0
layui 表格操作列动态显示

1、根据表格数据动态显示操作列按钮 <script type="text/html" id="barDemo"> {{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="known"><i cla...

03/26 16:32
0
0
layui 监听Select

要实现联动效果注意两点: 第一要可以监听到select的change事件; 第二异步加载的内容,需要重新渲染后才可以 正常使用。 html结构: <form class="layui-form batchinput-form" action="" i...

2018/06/07 20:52
229
0
Layui导航树美化

1、Layui导航树美化 1.1、引入美化的CSS(自定义) /*左侧导航 使用方法:skin: 'sidebar' */ .layui-tree-skin-sidebar li i{ color: rgba(255,255,255,.7); display: none; } .layui-tree-s...

2018/04/08 17:49
1K
0
基于无前端经验的自定义模板生成js引擎

> 为什么要用js呢 因为跨平台,甚至网页也可以生成 ``` /* 基于无前端经验的自定义模板生成引擎 */ function type(a){return Object.prototype.toString.call(a).split(' ')[1].replace(']'...

2018/05/19 20:23
214
0
网页适配移动/手机设备的一点点方案:栅格模式&JS

网页适配移动/手机设备的一点点方案:栅格模式&JS 在前端编程当中多采用栅格模式,我在接触过的BootStrap、Layui都是此类设计。适配各类屏幕多使用不同尺寸的class去装饰即可。 ##不同尺寸下...

03/20 11:34
8
0
带你进入LayUi的世界(数据表格+分页+模板+选项卡+弹出层)

什么是LayUi? 我本身是一个后端工程师,但是我却接触到了这个框架,所以给大家分享一个我的心得,当然,这只是一个基础的LayUi的使用,大神请勿围观, 不卖关子了,切入正题~ LayUi是一款非...

2018/07/03 16:03
920
2
layui

1.下载layui资源文件 下载地址:https://www.layui.com 2.将layui样式文件以及js文件引入项目中 <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <script type="t...

03/09 22:22
1
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部