标签归档:html

让小程序和wordpress支持markdown

在wordpress的页面和小程序里显示markdown标记语言


从微慕小程序专业版v3.8.0开始引入了mp-html组件,用于解析富文本的内容,该组件的功能强大,完美支持html大部分的标签,同时支持代码高亮 。 mp-html提供的markdown插件,可以在富文本的文件解析markdown,于是我尝试引入了mp-html的markdown插件,但发现解析不了,反复尝试还是不行,仔细调试代码后发现原因是:如果一段富文本里有html标签文本和mardown标记文本混在一起,是无法区分两者,因此在解析的时候都按html解析了。由于微慕小程序...... [阅读全文]

小程序富文本解析利器mp-html

功能强大的富文本解析组件,全面支持html标签,自定义样式配置,图片加载,支持表格和列表,支持音频和视频,支持过个平台的小程序。


微慕小程序是资讯、媒体类小程序,因为对富文本内容和媒体内容的显示有较高的需求。对于富文本解析,微慕小程序以前采用的开源的wxParse组件,不过wxParse组件存在很多的问题且已经停止维护支持,随着微慕小程序功能不断的增加和优化,wxParse组件已经无法适应,同时对wxParse二次开发优化的难度比较大,基于此微慕团队考虑寻找更合适的解析组件,经过朋友的推荐和我们的考察,最终选择开源组件:mp-html...... [阅读全文]

web developer tips (81):为css的智能提示和属性选择css的模式

原文地址:How to Select the CSS Schema for Intellisense and […]


原文地址:How to Select the CSS Schema for Intellisense and CSS Properties 在Visual Studio 2008里,有个样式工具栏(Style Sheet Toolbar ),通过它允许选择使用的css模式(CSS Schema),如下图所示 但是这个设置只支持css的编辑器,不支持在aspx和html页面的智能提示。也不支持css属性窗体里属性/值的设置。如下图所示: ...... [阅读全文]

web developer tips (79):在web页面快速添加和取消注释

原文地址:How to quickly comment and uncomment in your web p […]


原文地址:How to quickly comment and uncomment in your web pages 在aspx、html、web.config等文件里注释选择行,可以单击工具栏的Comment(注释)/ Uncomment(取消注释)图标来实现。 http://www.watch-life.net/visual-studio/quickly-comment-and-uncomment-in-your-web-pages.html 注释图标如下图所示: 取消注释图标如下图所示: ...... [阅读全文]

web developer tips (59):粘贴时在VS中自动格式化HTML

原文地址:How you can automatically format unformatted HTML […]


原文地址:How you can automatically format unformatted HTML on paste in VS 你需要复制/粘贴大量未格式化的HTML内容到网页表单,在粘贴后总是需要格式化这些HTML,有个简单的方法可以在vs里在粘贴的时候自动格式化HTML。如何做到这一点呢? http://www.watch-life.net/visual-studio/how-you-can-automatically-format-unformatted-html-on-paste-in-vs.html 在Visual Studio 2008菜单:工具+选项+文本编辑器+HTML+杂项,选中“粘贴时设置HTML格式”项即可...... [阅读全文]

web developer tips (58):在vs里导入导出每一个HTML的标记

原文地址:How you can import/ export HTML Per Tag options in […]


原文地址:How you can import/ export HTML Per Tag options in VS 如果你自定义了很多单个标签(tag),同时想导入/导出这些设置,你可以通过菜单:工具+导入导出设置 ,打开导入/导出对话框,很容易实现这一功能。 http://www.watch-life.net/visual-studio/import-export-html-per-tag-options-in-vs.html 想导出自定义的vssettings文件,“导入和导出设置向导”对话框选择“导出选定环境的设置”,然后单击“下一步” ...... [阅读全文]

web developer tips (54):取消HTML/ CSS编辑器的智能提示

原文地址:How you can turn off intellisense for HTML/ CSS ed […]


原文地址:How you can turn off intellisense for HTML/ CSS editors 如果你想关闭HTML编辑器(aspx,html 文件)和CSS编辑器(css文件)的智能提示(intellisense)功能,你可以这么做,通过Visual Studio菜单工具+选项打开“选项”对话框,进行设置。 http://www.watch-life.net/visual-studio/turn-off-intellisense-for-html-css-editors.html 对于HTML编辑器,通过菜单工具+选项+文本编辑器+HTML+常规,不选中“自动列出成员”和“参数信息”项。 ...... [阅读全文]

帮帮我!我不懂JavaScript

本文翻译自著名的Javascript库mootools的一篇Javascript入门文章Help! I Don […]


本文翻译自著名的Javascript库mootools的一篇Javascript入门文章Help! I Don’t Know JavaScript!,虽然是2007年的旧文,但现在看来仍是比较好的学习HTML,CSS,JavaScrip入门知识资源与参考文章,对javascript初学者很有帮助。 -------------------------------------------------------------------------------- 为所有对MooTools感兴趣的开发者,我编制一份清单,在这个清单里提供关于客户端开发需要了解的各种资源。 http://www.watch-life.net/javascript/help-i-dont-know-javascript.html 专业工具 这是进行web开发的先决条件 ...... [阅读全文]

web developer tips (24):显示html/css的警告错误或错误

原文地址:You could display CSS/HTML errors as warnings or a […]


原文地址:You could display CSS/HTML errors as warnings or as errors 在vs2008里面可以有个很cool的功能,可以降级显示作为任何警告的错误,这个功能很有用,它可以让你区分验证的错误和查找让程序无法生成的错误。 http://www.watch-life.net/life-thinking/display-css-html-errors-as-warnings-or-as-errors.html 在vs2008里面,默认会如下图所示显示任何html/css 的作为警告的错误。注意警告有个绿色的波浪线。 ...... [阅读全文]

html页面表格导出到excel总结

最近一个项目需要把报表的表格导入excel,在网上找了一些方法,比较研究了一下,记在这里,备忘。 表格例子如下 […]


最近一个项目需要把报表的表格导入excel,在网上找了一些方法,比较研究了一下,记在这里,备忘。 表格例子如下: <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <...... [阅读全文]

备忘:base 标签和ShowModalDialog 、showModelessDialog

在是用ShowModalDialog 弹出子窗体中在标签后,加入<base target="_ […]


在是用ShowModalDialog 弹出子窗体中在标签后,加入<base target="_self" />后,对于子窗体: 1、POSTBACK后不会打开新窗体。 2、使用window.open()关闭窗体避免弹出另外一个同样的窗口。 ----------------------------------------------------- 附:showModalDialog()、showModelessDialog()方法使用详解 Javascript有许多内建的方法来产生对话框,如:window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如:   showModalDialog() (IE 4+ 支持)   showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 当我们用showModeles...... [阅读全文]