小编Ela*_*ene的帖子

AngularJS的富文本编辑器

我使用TextAngular来吸引核心!任何使用它的人都会知道.我的用户每天抱怨:(

我正在寻找替代品,并找到一些像Froala(199美元)和CKEditor,但他们需要JQuery.

没有JQuery的AngularJS有什么"好"的编辑器吗?我一直在寻找但找不到任何东西.我也愿意付钱.

wysiwyg text-editor angularjs textangular

36
推荐指数
2
解决办法
8万
查看次数

偏移图像上的边框

我正在尝试创建与下图中显示的完全相同的内容.我也尝试过使用outline和offset方法的其他方法,但是我无法弄清楚如何继续这样做.

带偏移边框的图像

这是JSFiddle:

img {
  border: 4px solid green;
}
Run Code Online (Sandbox Code Playgroud)
<img src="https://image.ibb.co/cxwWPa/services_gas_oil.jpg" alt="services_gas_oil" border="0">
Run Code Online (Sandbox Code Playgroud)

如何在图像上获得此偏移边框?

html css border css3

17
推荐指数
2
解决办法
3267
查看次数

使用CSS仅旋转边框

我正在尝试使用css仅旋转边框,但字体图标也在旋转.如何停止图标的旋转并仅使边框?

CSS:

.circle {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;
    border: 2px dashed #000;
 -webkit-animation-name: Rotate;
 -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: linear;
 -moz-animation-name: Rotate;
 -moz-animation-duration: 2s;
 -moz-animation-iteration-count: infinite;
 -moz-animation-timing-function: linear;
 -ms-animation-name: Rotate;
 -ms-animation-duration: 2s;
 -ms-animation-iteration-count: infinite;
 -ms-animation-timing-function: linear;
}
.play {
padding: 20px 30px;
font-size: 56px;
}

@-webkit-keyframes Rotate
{
 from{-webkit-transform:rotate(0deg);}
 to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes Rotate
{
 from{-moz-transform:rotate(0deg);}
 to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes Rotate
{
 from{-ms-transform:rotate(0deg);}
 to{-ms-transform:rotate(360deg);}
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="circle">
   <div class="play"><i class="fa fa-play"></i></div>
</div>
Run Code Online (Sandbox Code Playgroud)

这个代码我哪里错了?

DEMO JSFIDDEL

html css css3 css-animations

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

Bootstrap 4中的列高度相等

我在这个设计中有一点非传统的DIV,如下所示.我可以使用高度并执行它但我希望它动态更改: 在此输入图像描述 例如,如果DIV具有更多内容并且右侧的一个块中的高度发生变化,则左侧DIV也会自动调整其高度.我想知道flex是否有帮助.以下是它应该如何变为: 在此输入图像描述

到目前为止我有这个HTML:

<div class="container">
  <div class="row row-eq-height">
      <div class="col-sm-8 col-8">
        <div class="black">
          <p>Bar Graph or Line Graph</p>
        </div>
      </div>
      <div class="col-sm-4 col-4">
        <div class="red">
          <p>numbers</p>
        </div>
        <div class="purple">
          <p>numbers</p>
        </div>
        <div class="green">
          <p>numbers</p>
        </div>
        <div class="blue">
          <p>numbers</p>
        </div>
      </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和CSS:

p { color: #fff; }
.black { background-color: black; }
.green { background-color: green; }
.red { background-color: red; }
.blue { background-color: blue; }
.purple { background-color: purple; }
Run Code Online (Sandbox Code Playgroud)

JSFiddle演示

css css3 twitter-bootstrap twitter-bootstrap-4 bootstrap-4

8
推荐指数
3
解决办法
2万
查看次数

使用CSS自定义圆形图像

我想获得一个自定义形状的图像,如下所示:

圆形图像

#oval-shape {
  width: 200px;
  height: 100px;
  background: blue;
  -moz-border-radius: 100px / 50px;
  -webkit-border-radius: 100px / 50px;
  border-radius: 100px / 50px;
}
Run Code Online (Sandbox Code Playgroud)
<img id="oval-shape" src="http://d152j5tfobgaot.cloudfront.net/wp-content/uploads/2014/04/internship_yourstory.jpg">
Run Code Online (Sandbox Code Playgroud)

DEMO

如果这是可能的任何想法?

html css html5 css3 css-shapes

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

从Bootstrap中删除Glyphicons

如何从bootstrap 3中删除所有glyphicons实例?它看起来像是嵌入到.css文件中:(

我试图尽可能减小文件大小.

css glyphicons twitter-bootstrap-3 twitter-bootstrap-2

5
推荐指数
2
解决办法
8520
查看次数

在外面点击时隐藏DIV

我有一个动态生成的表单系统.

下面的代码是调用日历的按钮.

<input id="btn1_0" type="button" value="?" class="rsform-calendar-box btnCal rsform-calendar-button btn btn-default" onclick="RSFormPro.YUICalendar.showHideCalendar('cal1_0Container');">
Run Code Online (Sandbox Code Playgroud)

这是在单击上面的按钮时显示的div.在div中单击display:none时按钮切换样式:

<div id="cal1_0Container" style="clear: both; position: absolute; z-index: 9987;" class="yui-calcontainer single">
Calendar Here
</div>
Run Code Online (Sandbox Code Playgroud)

我想在有人点击div之外时隐藏日历.

我尝试了这个JS,但它不会起作用,因为它设置display:none为div.我究竟做错了什么?

jQuery(document).click(function(event) {
    if ( !jQuery(event.target).hasClass('yui-calcontainer')) {
         jQuery(".yui-calcontainer").hide();
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

角度4-将数字转换为单词

我的输出{{total.number}}是数字格式,即1。但是,我想将其转换为one。我需要1-6位数字,输出显示为 one- six

我怎么知道的?我只看到JS示例,但没有看到Angular方法。

我得到了以下示例:https : //jsfiddle.net/lesson8/5tt7d3e6/,但我觉得这对于实现我想做的只是将数字1转换为6来说是一个矫kill过正。

javascript angular

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

返回Angular 4中的上一页

我想要回到上一页.

上一页:job.html当前页面:jobDetail.html

根据说明,我已添加import { Location } from '@angular/common';jobDetail.component.ts顶部的文件,然后是

export class MyDetailComponent implements OnInit {
constructor(private location: Location) {}
    ngOnInit() {
        this.location.subscribe(x => console.log(x));
    }
}
Run Code Online (Sandbox Code Playgroud)

我在jobDetail.html中有一个html代码,但不知道如何继续进行.如何正确添加上一个按钮.像我这样的新手没有简单的教程.

<a routerLink="">Back</a>
Run Code Online (Sandbox Code Playgroud)

angular-ui-router angular

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

PDFMake 的边框半径

我想知道是否有人知道在 PDFMake 中设置边框半径的技巧或方法。

我有一张图像,我计划将其边框半径设置为大约 4px。

{
    image: 'sampleImage.jpg',
    width: 150,
    height: 150,
},
Run Code Online (Sandbox Code Playgroud)

没有这样的文档。

javascript pdfmake

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