Rails Rails 怎么排好 HTML 代码

Guest · 2011年11月25日 · 最后由 dotnil 回复于 2012年02月04日 · 3106 次阅读

我学习Rails差不多第十天了。写了个很简单的blog。目前在测试。 发现从数据库读出来的数据,最后的展示页面很不好看。

<div class="post_content">
            <p>碧血剑里面主角都有够恶心的 

<br/>

<br/>温青青那个傲娇胚醋缸子,哪里有阿九可爱!!

<br/>

<br/>最贱的就是夏雪宜,没有之一 

<br/>

<br/>勾引人家何红药,欺骗人家感情 

<br/>

<br/>蓝后让红药MM去偷金蛇剑 

<br/>

<br/>偷到金蛇剑之后就不理人家 

<br/>

<br/>害得红药MM被毁了容 

<br/>

<br/>傻逼兮兮地要找温家堡的人报仇 

<br/>

<br/>结果还特么喜欢上温仪,杀自己全家仇人的女儿! 

<br/>

<br/>就特么是个二逼,自己二逼还害了别人一辈子! 

<br/>

<br/>还有人说他有情有义,我次凹,对仇人的女儿倒是有情有义,连灭门之仇都特么的忘记了!!!

<br/>

<br/>人家红药MM为了你吗的背叛师门,你特么倒是对人家无情无义啊!!!!!!!! 

<br/></p>
        </div>
共收到 25 条回复

LZ需要补习一下CSS/DIV之类的知识……最起码套上个Table嘛。或者直接用Twitter Bootstrap,就像这个网站一样。

是指样式?建议用 Twitter Bootstrap。

#2楼 @Rei 哇哈哈哈比你快了1秒……

或者可以使用Slim,自动生成漂亮的HTML,嘿嘿 http://slim-lang.com/

比如源代码是这样的。

<div class="posts_item">
    <h3 class="title"> <%= posts.title %></h3>
        <div class="content">
              <%=raw posts.content %>
    </div>
</div>

展示的时候.你们不觉得这样很丑么。就是没有很好的缩进。

<div class="posts_item">
    <h3 class="title">金庸里那个人最可恨</h3>
        <div class="content">
              <p>碧血剑里面主角都有够恶心的 

<br/>

<br/>温青青那个傲娇胚醋缸子,哪里有阿九可爱!!

<br/>

<br/>最贱的就是夏雪宜,没有之一 

<br/>

<br/>勾引人家何红药,欺骗人家感情 

<br/>

<br/>蓝后让红药MM去偷金蛇剑 

<br/>

<br/>偷到金蛇剑之后就不理人家 

<br/>

<br/>害得红药MM被毁了容 

<br/>

<br/>傻逼兮兮地要找温家堡的人报仇 

<br/>

<br/>结果还特么喜欢上温仪,杀自己全家仇人的女儿! 

<br/>

<br/>就特么是个二逼,自己二逼还害了别人一辈子! 

<br/>

<br/>还有人说他有情有义,我次凹,对仇人的女儿倒是有情有义,连灭门之仇都特么的忘记了!!!

<br/>

<br/>人家红药MM为了你吗的背叛师门,你特么倒是对人家无情无义啊!!!!!!!! 

<br/></p>
    </div>
</div>

#5楼 @KennX 缩进要求编码的人设置好编辑器,或者用 haml, Slim 这样的模板语言生成 html 。编辑器还有自动排版。

#4楼 @fredwu 这个很酷!~~~

感觉在写python

这样写html可以被rails解析过来?

#8楼 @Rei 3Q,我把这些记下来。嗯嗯。要学的还很多呀。。。

@fredwu @Rei 我不使用HAML或者Erb以外的其他模板引擎,是基于协作方面的考虑,我无法要求作UI和设计的人有Programming的sense,anyway...

不过我很欣赏 http://slim-lang.com/ 上的theme,有没有对应的 VIM / Textmat theme?

我感觉lz的问题是在posts.content里面的东西。。 存的时候没有处理好吧

#10楼 @lgn21st Fred童鞋做过一个texmate的bundle……https://github.com/fredwu/ruby-slim-tmbundle theme的话 跟现有的一些theme似乎有点像 自己调教一下应该就好了

slim 自带 vim 和 emacs 插件 https://github.com/stonean/slim/tree/master/extra

slim 的 textmate bundle 是 Fred Wu 写的

#4楼 @fredwu 我本来也想提slim或者haml来着,但是考虑到LZ刚开始入门 还是老老实实先搞明白erb吧……

#12楼 @cqpx 对。。就是content里的内容没有处理好。你有好方法吗?

#15楼 @southwolf 嘿嘿,乘新手刚入门时就抓进来调教,这样才能壮大Slim的用户群啊,啊哈哈哈(邪恶的笑~~)

比较喜欢ERB,模板语言应该更HTML,而不是更Ruby的嘛..:-)

#16楼 @KennX geek点儿可以用markdown,大众化可以用ckeditor

项目很大 , 一直在用IDE netbeans 来格式化 。。。

#12楼 @cqpx 赞同;我偏向使用 Markdown 或 Textile、MediaWiki 之类的,作为中间格式排版很清楚,转 HTML、PDF 神马都很方便。

#21楼 @dotnil Textile 写起来很鹾,以前我博客的 Page 都是 Textile 后面全换成 Markdown 了

#22楼 @huacnlee 我只搞过 Markdown,MediaWiki 只是写过,Textile 只是看了些些,嘿嘿

其实我想用rich text editor。。不要鄙视我:-)

#24楼 @hooopo 看受众咯,部门的设计师都反应 markdown 写起来不直观,即使带上预览窗口

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册