小编idl*_*erg的帖子

错字3:如何删除页面上的空段落

我正在使用Typo3 v6.1来创建"文本"类型的标准页面.在视图中,Typo3在富文本编辑器上创建的内容之前和之后添加了四个空段落.

<p class="bodytext">&nbsp;</p>
<p class="bodytext">    <!--  CONTENT ELEMENT, uid:17/text [begin] --></p>
<p class="bodytext">        <a id="c17"></a></p>
<p class="bodytext">        <!--  Text: [begin] --></p>    

<p class="bodytext">The actual text added using the Rich Text Editor</p>    

<p class="bodytext">        <!--  Text: [end] --></p>
<p class="bodytext">&nbsp;</p>
<p class="bodytext">    <!--  CONTENT ELEMENT, uid:17/text [end] --></p>
<p class="bodytext">&nbsp;</p>  
Run Code Online (Sandbox Code Playgroud)

不用说,我想摆脱这种混乱,特别是因为它&nbsp;打破了布局.

html formatting typo3 paragraphs

4
推荐指数
3
解决办法
6990
查看次数

Gulp提示决定运行哪些任务?

我刚刚发现了gulp-prompt任务.虽然它可以很容易地以不同的方式提示用户,但这些示例并未暗示如何使用用户的输入.例如,我想向用户提供两个设置(例如CDN托管或本地资产)并有条件地运行我的任务.你怎么能在Gulp做到这一点?这可以让我免于查看Yeoman发电机.

javascript node.js gulp

3
推荐指数
1
解决办法
2606
查看次数

具有全宽边框的嵌套列表项?

我有一个无序列表,其中有多个嵌套项目,最多可达5级.为了分隔每个列表项,我添加border-bottom如下:

    li {
      border-bottom: 1px solid red;
    }
    ul {
      list-style: none;
      padding-left: 1em;
    }
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>0.1 comment</li>
  <li>0.2 comment</li>
  <li>
    <ul>
      <li>1.1 comment (reply on 0.2)</li>
      <li>1.2 comment (reply on 0.2)</li>
      <li>
        <ul>
          <li>2.1 comment (reply on 1.2)</li>
        </ul>
      </li>
      <li>1.2 comment (reply on 0.2)</li>
    </ul>
    <li>0.3 comment</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

是否有可能bottom-border没有继承list-item的填充并拉伸整个宽度?我认为可以使用a来完成background-image,但我更愿意找到一个纯CSS解决方案.

html css css3

3
推荐指数
1
解决办法
479
查看次数

居中元素在Internet Explorer中不起作用

我正在使用通常被称为类的类将我的内容在flex容器内水平和垂直居中。它适用于所有现代浏览器,但是即使是相当新的Internet Explorer版本也给我带来麻烦。

这是我标记的相关部分,充分利用了Bootstrap的嵌入响应类来保持比率。

HTML

<div class="container-fluid embed-responsive embed-responsive-16by9" style="background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%), url('http://placehold.it/800X600') no-repeat;background-size:cover;background-position:center">
  <div class="content-center">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 text-center">
          <button id="play-video" type="button" class="btn btn-default" data-toggle="modal" data-target="#video-modal" data-youtube="scWpXEYZEGk">
            Play
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.content-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox twitter-bootstrap-3

3
推荐指数
1
解决办法
3447
查看次数

Atom v1.32停止检测匹配标记和JavaScript语法突出显示

在v1.32.0更新之后,atom刚刚停止检测匹配的html标签,并且更改了javascript/typescript颜色方案(变量,函数,类,对象键等等).

是否有可能重新激活匹配的html标签突出显示并使用我之前已经习惯的以前的javascript颜色方案?

谢谢!

atom-editor

3
推荐指数
1
解决办法
245
查看次数

Sublime Text HTML标记之间文本的RegEx模式

我正在使用Sublime Text进行一些搜索和替换操作.这是我试图替换的一个例子

<blockquote><pre><font face="verdana,arial,helvetica" size="1">code:</font><hr><font size="3">
    <h1>Stuff</h1>
    <p>More stuff and a <a href="#">link</a></p>
    <!-- and any HTML really -->
</font><hr></pre></blockquote>
Run Code Online (Sandbox Code Playgroud)

看起来像这样

<blockquote>
    <h1>Stuff</h1>
    <p>More stuff and a <a href="#">link</a></p>
    <!-- and any HTML really -->
</blockquote>
Run Code Online (Sandbox Code Playgroud)

只要blockquote单个行内的HTML,以下模式就可以正常工作.

搜索:

<blockquote><pre><font face="verdana,arial,helvetica" size="1">code:</font><hr><font size="3">(.*?)</font><hr></pre></blockquote>
Run Code Online (Sandbox Code Playgroud)

更换:

<blockquote>$1</blockquote>
Run Code Online (Sandbox Code Playgroud)

我怎样才能使这个工作在多个线路内blockquote

编辑:我也遇到<tag>([\s\S]*?)</tag>过,但包括开/关标签

html regex sublimetext

2
推荐指数
1
解决办法
6208
查看次数

使用 Emmet 时如何为 HTML 标签添加属性?

我使用 Sublime Text 和 Emmet 插件。各种标签在我使用 Emmet 的时候不会自动包含所有的属性,所以我必须手动放置它们。例如,当我输入“input”并按“Tab”时,输入标签只有“type”属性。

<input type="text">
Run Code Online (Sandbox Code Playgroud)

但我想要这个,例如

<input type="text" name="" id="">
Run Code Online (Sandbox Code Playgroud)

如何编辑我想在标签中看到的任何属性?我试图在 YouTube 上和通过 Google 搜索找到解决方案,但没有成功。

html tags sublimetext emmet

2
推荐指数
1
解决办法
394
查看次数

用于排除子元素的JQuery选择器

我正在使用此单击方法来显示其中的其他类 .tile

var $tiles = $('.tile');

$tiles.on('click', function(){
    var $this = $(this); 
    $this.toggleClass('large'); // change layout of tile
    $this.children('.details').toggle(); // display additional info
})
Run Code Online (Sandbox Code Playgroud)

由于a .tile可能包含链接,我想限制点击功能.我不希望在.tile单击内部链接时触发该功能.

编辑:虽然@ antyrant的答案适用于普通链接,但我注意到在我的示例中,使用fancyBox的链接仍然存在问题.

这就是我的HTML的样子:

<div class="tile">
    <ul class="details">
        <li><a class="download"> href="#">Download</a></li>
        <li><a class="fancybox-media" href="#">Video</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

单击下载链接工作正常,但fancyBox将无法正常工作!

编辑2:有关工作示例,请参阅此jsFiddle.

javascript jquery jquery-selectors

1
推荐指数
1
解决办法
1802
查看次数

从变量打印Unicode转义码

我有一个我想输出的Unicode字符代码列表rumoji.这是我用来迭代我的数据的代码.

require "rumoji"

# this works
puts Rumoji.decode("\u{1F600}")

# feed some data
data = [
    "1F600",
    "1F476",
    "1F474"
]

data.each do |line|
    # this doesn't work
    puts Rumoji.decode("\u{#{line}}")
    puts Rumoji.decode("\u{" + line + "}")
end
Run Code Online (Sandbox Code Playgroud)

我不确定如何在转义字符串中使用变量名称.

ruby unicode-escapes

1
推荐指数
1
解决办法
309
查看次数

React 和 ReactDOM 未定义但已安装

我只是想用 .tsx 转译器制作一个简单的 react 应用程序,但 react 和 react-dom 在导入时未定义:

这是我的入口文件和唯一的打字稿文件:

索引.tsx

import React from 'react';
import ReactDOM from 'react-dom';

console.log(ReactDOM);

ReactDOM.render(<div>SUCCESS!</div>, document.getElementById('root'));
Run Code Online (Sandbox Code Playgroud)

控制台输出错误:

undefined
Uncaught TypeError: Cannot read property 'render' of undefined
Run Code Online (Sandbox Code Playgroud)

ReactDOM 对象输出为“未定义”,因此 render() 在未定义的对象上失败。使用'npm install --save-dev react react-dom'以正常方式安装了React和ReactDOM模块,并验证了node_modules下存在两个react文件夹。

webpack.config.js

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: './src/js/index.tsx',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/dist'
  },
  resolve: {
    extensions: ['.ts', '.tsx', '.js', '.jsx']
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

1
推荐指数
1
解决办法
3615
查看次数

并行运行多个Axios请求以验证数据

我正在使用Inquirer.js与用户进行交互.在其中一个对话框中,用户可以指定以逗号分隔的"项目"列表.以下验证函数检查API,"item"是否可用.如果不是,则提示用户对其先前的选择进行校正.

当前代码:

validate: async str => {    
  const items = str.split(',');    

  for(let item of items) {
    try {
      await axios.get(`https://api.example.com/items/${item}`);
    } catch(e) {
      return `The item '${item}' could not be found`;
    }
  }   

  // data exists, but is irrelevant
  return true;
}
Run Code Online (Sandbox Code Playgroud)

虽然这一切都按预期工作,但迭代一系列包并调用axios.get()每个项目似乎非常低效.有没有办法并行运行这些并在其中一个请求失败后中断?

同样,我对项目的实际数据不感兴趣,只是它是否存在(等于true)(返回错误消息).

javascript node.js axios inquirerjs

1
推荐指数
1
解决办法
966
查看次数

在程序运行时询问用户输入?

创建一个自动化的战斗系统,但我希望用户有一些输入.问题是每当我要求输入时,整个功能都会停止,直到它从用户那里得到输入.

def EnemyAttack(TypeOfEnemy):
global raceinput
special_ability_prompt = input("") #When you make the magic classes and put them in a dictionary, append them here.
while (Player.hp > 1 and TypeOfEnemy.hp > 1):
    if (special_ability_prompt == "HeavyAttack()"):
        if (raceinput == "CAVE"):
            TypeOfEnemy.hp = TypeOfEnemy.hp - (Player.atk / 2)
            print("You use a Heavy Attack! The ",TypeOfEnemy.name," takes ",(Player.atk / 2), " damage!")
            time.sleep(Player.atkrate * 1.5)
        else:
            TypeOfEnemy.hp = TypeOfEnemy.hp - (Player.atk / 5)
            print("You use a Heavy Attack! The ",TypeOfEnemy.name," takes ",(Player.atk / …
Run Code Online (Sandbox Code Playgroud)

python class input python-3.x

0
推荐指数
1
解决办法
41
查看次数