javascript

java

python

c#

android

node.js

reactjs

c++

php

html

jquery

css

git

.net

ios

ruby-on-rails

sql

c

string

ruby

如何将markdown包装在HTML div中?

我正在使用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>
trans by 2019-11-19T01:15:32Z

html-HTTP 304未修改响应是否应包含缓存控制标头?

我试图理解这一点,并在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新秒?

trans by 2019-11-18T16:47:22Z

CSS-用Divs替换HTML表

好吧,我试图接受这样的想法,即不应使用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>

我希望标签对齐并且我希望控件对齐。 不使用表格怎么办?

trans by 2019-11-18T16:37:44Z

html-如何隐藏表行溢出?

我有一些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>
trans by 2019-11-18T11:31:03Z

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 = '';

    };
});
trans by 2019-11-18T10:42:26Z

嵌入式资源-如何在重构的文本文件中嵌入HTML?

我正在使用reStructuredText,我想通过<embed>标签添加HTML编码的交互式Flash动画。 从我的.rst文档中,如何指定这个任意HTML块的位置? 就像是:

  .. html ::

  <embed>
  ... more html here ...
  </embed>

这个功能存在吗? 谢谢。

trans by 2019-11-18T08:17:49Z

CSS-Div表单元格垂直对齐不起作用

我试图使用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;
}

我究竟做错了什么?

trans by 2019-11-18T00:57:47Z

php-注意:未定义的偏移量:0 in

我收到此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!"; 
} 
?>
trans by 2019-11-18T00:34:27Z

亚马逊网络服务-不带.html扩展名的S3静态页面

通过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提供文件?

trans by 2019-11-17T19:40:29Z

CSS-Div即使内部包含内容也不会扩展

我彼此之间有一堆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>

非常感谢您的帮助。

trans by 2019-11-17T14:37:45Z

使用C强制HTML textarea使用等宽字体

如何使我的文本区域使用等宽字体?

trans by 2019-11-17T14:33:06Z

HTML:为什么Android浏览器在键盘上显示“ Go”而不是“ Next”?

我有一个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默认浏览器。

该问题至少在以下配置中可见:

  • 在Android 2.3.4(Cyanogenmod 7)上运行的“浏览器”系统应用
  • 在Android 4.2.2(Cyanogenmod 10.1)上运行的“浏览器”系统应用
  • 在Android 4.3.1(Cyanogenmod 10.2 M1)上运行的“浏览器”系统应用
  • 在Android 4.4.2(Cyanogenmod 11.0 M3)上运行的“浏览器”系统应用(AOSP浏览器)
  • 在Android 5.5.1(Cyanogenmod 12.1)上运行的“浏览器”系统应用程序(AOSP浏览器)[具有箭头图标,而不是单词“ Go”]
  • 在Android 6.0.1(Cyanogenmod 13.0)上运行的“浏览器”系统应用程序(AOSP浏览器)[具有箭头图标,而不是单词“ Go”]
trans by 2019-11-17T10:45:19Z

html-如何通过JavaScript在<select>中获取当前选择的<option>?

如何通过JavaScript获得当前选择的<select>元素的<option>

trans by 2019-11-16T22:50:55Z

javascript-可编辑的单行输入

对于我们在我工作的公司正在开发的应用程序,我们需要一个支持在基于JS的Web应用程序中插入图释的输入。 我们目前正在使用带有表情符号短代码(即':-)')的输入,并希望切换为插入实际的图形图像。

我们最初的计划是使用overflow: hidden<div>。我们将侦听器用于粘贴事件以及不同的键/鼠标交互,以确保没有多余的标记进入contenteditable(我们将文本从其容器标签中删除,仅保留图像标签) 我们自己插入)。

但是,现在的问题是,如果您放入足够的内容(即其高度增加),则div会重新调整大小。 我们不希望发生这种情况,也不希望仅隐藏文本(即纯文本overflow: hidden)。 所以:

有没有办法使contenteditable div表现得像单行输入?

如果有一个我想念的相对简单的attribute / css属性可以满足我的要求,那么我将是最好的选择,但是如果有必要,CSS + JS的建议也将受到赞赏。

trans by 2019-11-16T21:15:26Z

CSS-使用wkhtmltopdf从HTML生成Google Web字体和PDF

我正在使用wkhtmltopdf将PDF文件转换为HTML文件; 它提供了令人惊讶的良好结果,完全像WebKit那样呈现PDF。

我正在使用Google Web字体使用户可以自定义他们编辑的文档的外观,从而使他们可以在几种字体之间进行选择。 它也可以在浏览器中完美运行。

问题是,使用wkhtmltopdf将此类HTML文件转换为PDF时,我无法使用Google字体。 我读过其他人也有同样的问题。

谁能帮我解决这个问题?

编辑:直接在CSS中声明@ font-face也不起作用。

trans by 2019-11-16T20:50:43Z

限制文件上传的大小(html输入)

我只想限制用户可以上传的文件的大小。

我以为maxlength = 20000 = 20k,但这似乎根本不起作用。

我在Rails上运行,而不是在PHP上运行,但是我认为在HTML / CSS的客户端进行此操作要简单得多,或者使用jQuery作为最后的手段。 这是如此基本,尽管必须缺少一些我不知道或不知道的HTML标记。

希望支持IE7 +,Chrome,FF3.6 +。 我想我可以在需要时仅支持IE8 +。

谢谢。

trans by 2019-11-16T13:24:41Z

javascript-如何为selectize.js输入设置值?

我有一个表格,希望将一些默认值复制到输入中。 表单输入使用的是selectize.js插件。 我想以编程方式设置一些表单值。 这样做的标准方法是:

$("#my_input").val("My Default Value");

不起作用。

我已经尝试过类似的方法,但是它也不起作用。

var $select = $("#my_input").selectize();
var selectize = $select[0].selectize;
selectize.setValue("My Default Value"); 

有任何想法吗? 它必须很容易:)我想念它。

trans by 2019-11-16T12:59:08Z

javascript-什么是AMP HTML,它如何与Framework / tool X配合?

好的,所以我们现在可能已经从Google听说过AMP HTML。

我很好奇的是,这将如何适合我们现有的工作流程。 如果您正在编写React或Angular应用,那么AMP HTML在开发过程中如何适应? 这些框架中的每一个都已经有一种定义组件的方法,并且似乎AMP只是添加到了堆栈中。

我们大多数人已经在使用其他工具,例如browserify或webpack。 我不容易看到AMP如何与其他产品相适应。 其中一些工具已使我们能够以优化的方式为我们的网站提供服务。 AMP HTML将在多大程度上改变所有这些?

trans by 2019-11-16T09:05:13Z

html-在<table>中使等宽的列

如何使等宽的列进入?

动态更改列数。

今天我有13列。 明天将比赛16。所有人都不想重新计算。

trans by 2019-11-16T07:51:42Z

html-如果文档正文中存在meta标记会怎样?

我正在使用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文档的主体内有多好。 它如何影响:

  1. 搜索引擎
  2. 浏览器
trans by 2019-11-16T06:19:32Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共108页