我正在使用MarkEd来实现GitHub风格的markdown。
我有一些工作降价:
## Test heading
a paragraph.
## second heading
another paragraph
这会创建:
<h2 id="test-heading">Test heading</h2>
<p>a paragraph.</p>
<h2 id="second-heading">second heading</h2>
<p>another paragraph</p>
我想将markdown部分包装在div中,例如:
<div class="blog-post">
## Test heading
a paragraph.
## second heading
another paragraph
</div>
但是,这将返回以下HTML:
<div class="blog-post">
## Test heading
a paragraph.
## second heading
another paragraph
</div>
例如,没有降价,在HTML中实际上是“ ##测试标题”。
我怎样才能正确地将减价包装在div中?
我发现以下解决方法,但是它很丑陋,而不是实际的解决方法:
<div class="blog-post">
<div></div>
## Test heading
a paragraph.
## second heading
another paragraph
</div>
我试图理解这一点,并在SO中搜索了类似的问题,但是我仍然对这应该如何工作没有100%的了解。
我在请求图像资源时收到此响应:
Response Headers
Server Apache-Coyote/1.1
Date Mon, 19 Oct 2009 09:04:04 GMT
Expires Mon, 19 Oct 2009 09:06:05 GMT
Cache-Control public, max-age=120
Etag image_a70703fb393a60b6da346c112715a0abd54a3236
Content-Disposition inline;filename="binary-216-420"
Content-Type image/jpg;charset=UTF-8
Content-Length 4719
理想的行为是客户端应将其缓存120秒,然后再次从服务器请求它。 在120秒内,没有请求发送到服务器。
然后,在120秒之后,发送请求并接收304响应:
Response Headers
Server Apache-Coyote/1.1
Date Mon, 19 Oct 2009 09:06:13 GMT
Request Headers
Host localhost:8080
User-Agent Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
Accept image/png,image/*;q=0.8,*/*;q=0.5
Accept-Language en-us,no;q=0.8,sq;q=0.7,en;q=0.5,sv;q=0.3,nn;q=0.2
Accept-Encoding gzip,deflate
Accept-Charset ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive 300
Connection keep-alive
Referer http://localhost:8080/cms/site/0/en/home
Cookie JSESSIONID=768ABBE1A3BFABE3B535900233330650; versionsCssDisplayState=block; iceInfo=iceOn:false,activePortletKey:,icePagePanelX:1722,icePagePanelY:3
If-None-Match image_a70703fb393a60b6da346c112715a0abd54a3236
到目前为止,一切顺利。 但是然后,在下一个请求(120秒)中,我会认为该资源应该缓存120新秒。 另一方面,我在浏览器(Firefox)中看到的是,从这一点开始,它始终请求资源并接收304响应。
我是否应该在304响应中附加缓存控制标头? 从我在规范中可以看到的内容来看,似乎应该省略缓存控制设置,并且缓存应该自动将其缓存120新秒?
好吧,我试图接受这样的想法,即不应使用html表,而应使用div。 但是,我经常有类似于以下内容的代码
<table>
<tr>
<td>First Name:</td>
<td colspan="2"><input id="txtFirstName"/></td>
</tr>
<tr>
<td>Last Name:</td>
<td colspan="2"><input type="text" id="txtLastName"/></td>
</tr>
<tr>
<td>Address:</td>
<td>
<select type="text" id="ddlState">
<option value="NY">NY</option>
<option value="CA">CA</option>
</select>
</td>
<td>
<select type="text" id="ddlCountry">
<option value="NY">USA</option>
<option value="CA">CAN</option>
</select>
</td>
</tr>
</table>
我希望标签对齐并且我希望控件对齐。 不使用表格怎么办?
我有一些HTML表格,其中文本数据太大而无法容纳。 因此,它可以垂直扩展单元格以适应此情况。 因此,现在发生溢出的行的高度是数据量较小的行的两倍。 这是无法接受的。 如何强制表格具有相同的行高1em
?
这是一些重现该问题的标记。 表格仅应为一行的高度,并隐藏溢出的文字。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
table { width:250px; }
table tr { height:1em; overflow:hidden; }
</style>
</head>
<body>
<table border="1">
<tr>
<td>This is a test.</td>
<td>Do you see what I mean?</td>
<td>I hate this overflow.</td>
</tr>
</table>
</body>
</html>
使用ng-repeat
时,什么是能够编辑内容的最佳方法?
在我理想的情况下,添加的生日将是一个超链接,点击此链接将显示一个编辑表单-与带有更新按钮的当前添加表单相同。
实时预览(插播)
HTML:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>Custom Plunker</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script>
document.write('<base href="' + document.location + '" />');
</script>
<script src="app.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css"
rel="stylesheet">
</head>
<body ng-app="birthdayToDo" ng-controller="main">
<div id="wrap">
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h1>Birthday Reminders</h1>
</div>
<ul ng-repeat="bday in bdays">
<li>{{bday.name}} | {{bday.date}}</li>
</ul>
<form ng-show="visible" ng-submit="newBirthday()">
<label>Name:</label>
<input type="text" ng-model="bdayname" placeholder="Name" ng-required/>
<label>Date:</label>
<input type="date" ng-model="bdaydate" placeholder="Date" ng-required/>
<br/>
<button class="btn" type="submit">Save</button>
</form>
</div>
<div id="push"></div>
</div>
<div id="footer">
<div class="container">
<a class="btn" ng-click="visible = true"><i class="icon-plus"></i>Add</a>
</div>
</div>
</body>
App.js:
var app = angular.module('birthdayToDo', []);
app.controller('main', function($scope){
// Start as not visible but when button is tapped it will show as true
$scope.visible = false;
// Create the array to hold the list of Birthdays
$scope.bdays = [];
// Create the function to push the data into the "bdays" array
$scope.newBirthday = function(){
$scope.bdays.push({name:$scope.bdayname, date:$scope.bdaydate});
$scope.bdayname = '';
$scope.bdaydate = '';
};
});
我正在使用reStructuredText,我想通过<embed>
标签添加HTML编码的交互式Flash动画。 从我的.rst文档中,如何指定这个任意HTML块的位置? 就像是:
.. html ::
<embed>
... more html here ...
</embed>
这个功能存在吗? 谢谢。
我试图使用DIV简单地将文本水平和垂直居中,并将显示类型作为表格单元格显示,但在IE8或Firefox中均不起作用。
下面是我正在使用的CSS,这就是html页面中的全部内容。
@charset "utf-8";
/* CSS Document */
html, body
{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
padding-top: 5px;
}
div.Main
{
background-color:#FFFFFF;
border-collapse:collapse;
width:800px;
margin-left:auto;
margin-right:auto;
}
div.MainHeader
{
color:#C00000;
font-size:18pt;
font-weight:bold;
text-align:center;
width:800px;
}
div.BlackBox
{
background-color:#000000;
color:#FFFF00;
display:table-cell;
float:left;
font-size:18pt;
font-weight:bold;
height:191px;
text-align:center;
vertical-align:middle;
width:630px;
}
div.BlackBoxPicture
{
background-color:#000000;
float:right;
height:191px;
margin-top:auto;
margin-bottom:auto;
text-align:right;
vertical-align:bottom;
width:170px;
}
我究竟做错了什么?
我收到此PHP错误,这是什么意思?
Notice: Undefined offset: 0 in
C:\xampp\htdocs\mywebsite\reddit_vote_tut\src\votes.php on line 41
从此代码:
<?php
include("config.php");
function getAllVotes($id)
{
$votes = array();
$q = "SELECT * FROM entries WHERE id = $id";
$r = mysql_query($q);
if(mysql_num_rows($r)==1)//id found in the table
{
$row = mysql_fetch_assoc($r);
$votes[0] = $row['votes_up'];
$votes[1] = $row['votes_down'];
}
return $votes;
}
function getEffectiveVotes($id)
{
$votes = getAllVotes($id);
$effectiveVote = $votes[0] - $votes[1]; //ERROR THROWN HERE
return $effectiveVote;
}
$id = $_POST['id'];
$action = $_POST['action'];
//get the current votes
$cur_votes = getAllVotes($id);
//ok, now update the votes
if($action=='vote_up') //voting up
{
$votes_up = $cur_votes[0]+1; //AND ERROR THROWN HERE
$q = "UPDATE threads SET votes_up = $votes_up WHERE id = $id";
}
elseif($action=='vote_down')
{
$votes_down = $cur_votes[1]+1;
$q = "UPDATE threads SET votes_down = $votes_down WHERE id = $id";
}
$r = mysql_query($q);
if($r)
{
$effectiveVote = getEffectiveVotes($id);
echo $effectiveVote." votes";
}
elseif(!$r) //voting failed
{
echo "Failed!";
}
?>
通过Amazon S3提供静态站点时,我想知道如何摆脱每个页面的/mypage
文件扩展名。
现在我有:
mysite.com/ # works fine, serves index.html
mysite.com/mypage.html # works fine
mysite.com/mypage # doesn't work
/mypage
的错误显示:
404 Not Found
Code: NoSuchKey
Message: The specified key does not exist.
Key: mypage
RequestId: 1089D7A26EFED9AD
HostId: Ud8cFy8Zl1mJ+oFjFOmU1Xacq9+v70KuaJfOc4nFMEPhd66AkLhr4Pj5u0QH6Gog
我已经按照这篇文章尝试将/mypage
设置为/mypage.html
,但它不能解决我的问题。
如何获得/mypage
在S3上为/mypage.html
提供文件?
我彼此之间有一堆div,所有div都有一个仅指定CSS的ID。
但是由于某种原因,周围的DIV标签只会扩展到其受膏的高度值,而不是默认的auto值,这意味着尽管内容在内部,但支持的DIV只是特定的高度。 我需要它来调整高度以适应其中任何内容的大小(因为用户提交的数据可能在500多个单词的段落中被回显。)
<div id="albumhold">
<div id="albumpic">Pic here</div>
<div id="infohold">
<div id="albumhead">Name | Date</div>
<div id="albuminfo">Information</div>
</div>
</div>
<div id="albumhold">
<div id="albumpic">Pic here</div>
<div id="infohold">
<div id="albumhead">Name | Date</div>
<div id="albuminfo">Information</div>
</div>
</div>
非常感谢您的帮助。
我有一个HTML登录表单,其中包含以下元素(按此顺序):
android:imeOptions="actionNext"
(用户名输入)android:imeOptions="actionNext"
(密码)android:imeOptions="actionNext"
(登录按钮)当焦点位于android:imeOptions="actionNext"
时,为什么Android浏览器在软键盘上显示“转到”按钮而不是“下一步”按钮? 这会导致用户无法轻松登录,因为在输入用户名后,用户按下键盘右下角的按钮(通常是正确的操作),表单将使用空密码提交,这显然是行不通的 。 [如果我的浏览器设置为记住密码,并且密码管理器可以填写密码,则此行为很有意义。 但是,这里不是这种情况,因为您可以在下面进行自我测试。]
我希望输入类型的文本具有“下一步”按钮,输入类型密码(提交之前的最后输入)具有“开始”按钮。
有问题的表单的示例位于[https://peda.net/:login](此表单包含用于检测输入的“ Enter”键并阻止提交表单的代码,除非最后一个可见的表单输入被聚焦)。
您知道此问题的真正解决方法吗? 我知道,如果我要实现本机应用程序,我将使用android:imeOptions="actionNext"
(请参阅如何将Android软键键盘的“转到”按钮更改为“下一步”)。 但是,在这种情况下,它是HTML表单和Android默认浏览器。
该问题至少在以下配置中可见:
如何通过JavaScript获得当前选择的<select>
元素的<option>
?
对于我们在我工作的公司正在开发的应用程序,我们需要一个支持在基于JS的Web应用程序中插入图释的输入。 我们目前正在使用带有表情符号短代码(即':-)')的输入,并希望切换为插入实际的图形图像。
我们最初的计划是使用overflow: hidden
<div>
。我们将侦听器用于粘贴事件以及不同的键/鼠标交互,以确保没有多余的标记进入contenteditable(我们将文本从其容器标签中删除,仅保留图像标签) 我们自己插入)。
但是,现在的问题是,如果您放入足够的内容(即其高度增加),则div会重新调整大小。 我们不希望发生这种情况,也不希望仅隐藏文本(即纯文本overflow: hidden
)。 所以:
有没有办法使contenteditable div表现得像单行输入?
如果有一个我想念的相对简单的attribute / css属性可以满足我的要求,那么我将是最好的选择,但是如果有必要,CSS + JS的建议也将受到赞赏。
我正在使用wkhtmltopdf将PDF文件转换为HTML文件; 它提供了令人惊讶的良好结果,完全像WebKit那样呈现PDF。
我正在使用Google Web字体使用户可以自定义他们编辑的文档的外观,从而使他们可以在几种字体之间进行选择。 它也可以在浏览器中完美运行。
问题是,使用wkhtmltopdf将此类HTML文件转换为PDF时,我无法使用Google字体。 我读过其他人也有同样的问题。
谁能帮我解决这个问题?
编辑:直接在CSS中声明@ font-face也不起作用。
我只想限制用户可以上传的文件的大小。
我以为maxlength = 20000 = 20k,但这似乎根本不起作用。
我在Rails上运行,而不是在PHP上运行,但是我认为在HTML / CSS的客户端进行此操作要简单得多,或者使用jQuery作为最后的手段。 这是如此基本,尽管必须缺少一些我不知道或不知道的HTML标记。
希望支持IE7 +,Chrome,FF3.6 +。 我想我可以在需要时仅支持IE8 +。
谢谢。
我有一个表格,希望将一些默认值复制到输入中。 表单输入使用的是selectize.js插件。 我想以编程方式设置一些表单值。 这样做的标准方法是:
$("#my_input").val("My Default Value");
不起作用。
我已经尝试过类似的方法,但是它也不起作用。
var $select = $("#my_input").selectize();
var selectize = $select[0].selectize;
selectize.setValue("My Default Value");
有任何想法吗? 它必须很容易:)我想念它。
好的,所以我们现在可能已经从Google听说过AMP HTML。
我很好奇的是,这将如何适合我们现有的工作流程。 如果您正在编写React或Angular应用,那么AMP HTML在开发过程中如何适应? 这些框架中的每一个都已经有一种定义组件的方法,并且似乎AMP只是添加到了堆栈中。
我们大多数人已经在使用其他工具,例如browserify或webpack。 我不容易看到AMP如何与其他产品相适应。 其中一些工具已使我们能够以优化的方式为我们的网站提供服务。 AMP HTML将在多大程度上改变所有这些?
如何使等宽的列进入?
动态更改列数。
今天我有13列。 明天将比赛16。所有人都不想重新计算。
我正在使用ASP应用程序,并且代码,模板和文件的组织方式不允许我更改body标记之外的任何内容。 所以我正在考虑将meta标签插入到体内-像这样:
<!-- FEW ASP INCLUDES -->
<html>
<head>
<!-- FALLBACK TITLE AND DESCRIPTION -->
<title>Default Title</title>
<meta name="description" content="Default Description">
</head>
<body>
<!-- SOME HTML MARKUP -->
<div class="dynamic-content">
<!-- InstanceBeginEditable name="dynamic-content" -->
<!-- THIS IS WHERE I CAN WRITE ASP CODE -->
<title><%= Page.Meta.GetTitle( yada, yada ) %></title>
<meta name="description" content="<%= Page.Meta.GetDescription( yada, yada ) %>">
<!-- InstanceEndEditable -->
</div>
<!-- SOME MORE HTML MARKUP -->
</body>
</html>
我想知道将元标记放在HTML文档的主体内有多好。 它如何影响: