Tag: html

使用NodeJS和JSDOM / jQuery从片段构build一个PHP页面

我正在玩从现成的代码片段创build一个PHP页面,并修改JSDOM / jQuery页面。 例如,我有这样的代码: window.$('title').text('<?php wp_title(); ?>'); 但它插入的PHP标签逃脱。 如何让它把这个string,因为它没有逃脱? 我尝试了另一个名为Cheerio的库,代码看起来像现在工作得很好: $('title').html("<?php wp_title(); ?>"); 没有字符正在逃脱,我可以妥善保存到一个文件。 更新:我这样做的原因是,我不得不处理WordPress主题创build,我想简化过程。 由于我既不是PHP的主stream风格,也不是WordPress的主题结构,所以我想在Jade中构build一组文件,通过Express运行它们,然后用自动化的过程将它们编译为Wordpress主题。 我在这方面取得了一些成功。 现在我使用Jade mixins来打开它: +title 成这样的东西: <title><?php wp_title(); ?> 以其最简单的forms。 所以这样我可以保持我的模板容易修改,很好,愉快的工作。

玉郎 – 如何手动添加一个新的行?

我有这样的代码 ul.nav li.item a(href='#') ul li a(href='#') 它转换为 <ul class="nav"> <li class="item"><a href="#"></a> <ul> <li><a href="#"></a></li> </ul> </li> </ul> 预期结果: <ul class="nav"> <li class="item"> <a href="#"></a> <ul> <li> <a href="#"></a> </li> </ul> </li> </ul> 我怎样才能得到一个正确的缩进? 我已经尝试从http://scalate.fusesource.org/documentation/jade-syntax.html Whitespace Removal: > and <规则,但它们不起作用。 我做错了什么?

什么逻辑去哪里:express + jade / ejs + html5 + css + websockets

好。 我正在学习node.js / express,并且想澄清如何将jade / ejs,html和css合在一起。 如我错了请纠正我: 应用程序逻辑在node.js / express中完成 其中一些逻辑/variables被传递到jade / ejs html引擎来dynamic地提供html CSS仍然根据请求设备格式化提供的html。 原谅我,似乎线条开始模糊所有这些JS; 很难说在node.js / express中应该做什么逻辑,在jade / ejs中应该做什么逻辑。 当使用websocket时,这变得更加模糊,因为在客户端有逻辑。 所以显示控制逻辑在5个不同的地方进行。

如何摆脱对象#<对象>没有方法“推”错误?

嗨,我想推动数据到JSON对象,其中已经定义了键,但我仍然没有被捕获typeError在线,我有警报(“3”)和警报(“6”) server.on('update_message_from_server', function(data){ if(data.message_to!=false){ alert("1"); if(data.message_from==<?php echo $session_user_id;?>){ alert("2"); if(message_store.hasOwnProperty(data.message_to_email)){ alert("3"); message_store[data.message_to_email].push((data)); str2 = '<div id ="recent_message_log_entry'+data.message_to_email+'"><div>'+data.message+'</div><div>'+data.date_posted+'</div></div>'; $(document.getElementById("recent_message_log_entry"+data.message_to_email)).replaceWith(str2); }else{ alert("4"); message_store[data.message_to_email]= new Array(); message_store[data.message_to_email]=data; string = '<div><div>'+data.message_to_email+'</div><div>'+data.message+'</div><div>'+data.date_posted+'</div></div>'; $("#new_updates").append(string); } }else{ alert("5"); if(message_store.hasOwnProperty(data.message_from_email)){ alert("6"); message_store[data.message_from_email].push((data)); str2 = '<div id ="recent_message_log_entry'+data.message_from_email+'"><div>'+data.message+'</div><div>'+data.date_posted+'</div></div>'; $(document.getElementById("recent_message_log_entry"+data.message_from_email)).replaceWith(str2); }else{ alert("7"); message_store[data.message_from_email]= new Array(); message_store[data.message_from_email]=data; string = '<div><div>'+data.message_from_email+'</div><div>'+data.message+'</div><div>'+data.date_posted+'</div></div>'; $("#new_updates").append(string); } } }else{ alert("8"); alert("Email […]

隐藏匿名用户的一些HTML块

如何隐藏访问我的应用程序的匿名用户的一些HTML块。 我不使用任何模板引擎。 我的后端是在node.js。 什么是实施这个最好的方法? if (loggedin) <div id="logged-in"> Some menus for Loggedin User </div> else <div id="anonymous"> Some menus for Anonymous user </div>

在使用href时,Jade模板不会输出正确的html

我在使用这个玉模板时遇到以下问题: p a(href="https://{{ provider }}.com/{{ nickname }}")(target='_blank') {{ nickname }} | {{> chat_box_text }} 它输出下面的html: <p><a href="<a href=" https:="" twitter.com="" mateusgff"="" target="_blank">https://twitter.com/mateusgff</a>" target="_blank">mateusgfftesting<span class="date">4:41 PM</span></p> 如果我使用#而不是https:// {{provider}}。com / {{昵称}},则效果很好。 为什么会这样呢?

让gulp-file-include和browser-sync一起工作

我读了一个博客,你可以使用gulp-file-include来包含.html文件,它可以工作,但是下面的代码会覆盖HTML中的包含标记。 你可能会想,为什么我不把gulp-file-include吐出到另一个目标文件夹呢? 原因是然后我无法得到浏览器同步刷新浏览器。 基本上这个链接是说明我的问题… 看起来应该是另一个“输出”文件夹,将所有的包括提取到一个新的.index.html文件 我知道我可以打开正在接收包含的文件,然后browserSync将工作,但不是一个额外的步骤? 请问这个问题,因为这似乎很inceptionesque! gulp.task('fileinclude', function() { gulp.src('builds/development/*.html') .pipe(fileinclude()) .pipe(gulp.dest('builds/development/')); });

使用JavaScript和Node.js创build多语种网站

我正在创build一个Web应用程序,我想让用户可以select2种或3种语言。 使用HTML,JavaScript和Node.js这样做的最好方法是什么? 使用客户端或服务器端解决scheme时,性能是否有所不同? (考虑到移动用户)

我怎么能告诉我的NodeJS服务器哪个button被点击在一个HTTPforms与两个button?

我试图做一个NodeJS的Web应用程序,需要在文本框中的用户input,然后将它用于两个function(客户端)之一,基于哪个button被点击。 我可以吗 1)基于哪个button被点击或调用不同的动作 2)通过邮件正文区分两个button 我注意到,当按下不同的button时,我得到两个不同的响应console.log(req.body)与下面的代码。 当我点击提交button,我得到“{处理:'blahblahblah',hadunkachud:''}”当我点击新鲜的button,我得到“{处理:'blahblahblah',hingle:''}” 然而,我不能找出一种方法来访问响应的独特的部分,因为试图访问req.body的第二个数组值没有给我 下面的代码是在翡翠 extends layout block content h1= title form#formEnterHandle(name="enterhandle",method="post",action="/showid") input(type="text", placeholder="themirage", name="handle") button(name = "hadunkachud", type="submit") submit button(name = "hingle", type = "submit") fresh

NodeJS和Express:CSS不加载

我已经创build了自己的服务器和路由器文件来提供我的html页面。 页面呈现,但我的问题是,它呈现没有CSS样式。 我使用express.static服务我的/公共文件,理论上应该服务的CSS文件 – 或者我想。 我已经做了一个谷歌search我的问题,并查看了前几页的链接,但我仍然无法解决我的问题。 任何人都可以运动我的错误 我的目录是: 的NodeJS node_modules 上市 CSS style.css文件 JS 路由器 main.js 意见 我的HTML文件 我的服务器代码是: var express = require('express'); var app = express(); var fs = require('fs'); var url = require('url'); var path = require('path'); var http = require('http'); var router = express.Router(); var bodyParser = require('body-parser'); app.use(bodyParser()); app.use(express.static(__dirname + "/public", […]