小编Dan*_*son的帖子

如何为CKeditor Inline定位所有textarea元素

我是CKeditor的新手,希望在我的页面上设置它.我有一个精心设计的HTML表单,其中包含大约13个textareas.我尝试在页面上加载了13个编辑器,但这对于用户而言只是凌乱而且势不可挡.我希望如果编辑器的工具栏只显示用户是否在textarea框上单击(焦点),然后在他们点击时隐藏工具栏.

我真的很喜欢他们所拥有的内联编辑器,这正是我所寻找的,但一直在努力让ckeditor通过内联来定位和加载我所有的13个文本区域元素.我已经阅读了很多网站,但无法找到问题的解决方案.我已经尝试过下面的公式,它应该通过他们的类来定位元素,但似乎内联不能同时容忍多个实例.有人知道如何在页面上的所有textareas元素上内联工作吗?

这是我试过的代码,但不是很好.

var elements = CKEDITOR.document.find( '.foo' ),
    i = 0,
    element;

while ( ( element = elements.getItem( i++ ) ) {
    CKEDITOR.inline( element );
}
Run Code Online (Sandbox Code Playgroud)

ckeditor

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

将 HTML 表格结构复制到剪贴板

我只是在寻找这方面的建议。我一直在通过互联网寻找有关如何将带有文本的 HTML 表格结构复制到剪贴板的可能解决方案,但到目前为止还没有那么幸运。

我目前拥有的是一个包含数据的简单表格,用户需要使用 Outlook 将其复制到电子邮件中,并在复制/粘贴时将其复制。将此手动粘贴到 Outlook 中将显示正确呈现的表格结构及其文本。唯一的问题是,有时用户可能有几个大表,这使得同时复制和向下滚动以到达页面底部有时很笨拙。

所以我正在寻找一个简单的按钮,它基本上会自动完成。所以我正在寻找可以找到我的主 div 容器并将其中的所有表结构和文本复制到用户剪贴板的东西。我发现最流行的解决方案叫做 ZeroClipboard 但是它只复制文本而不是实际的 HTML 表格结构。

有谁知道这是否可以用 Jquery 或其他插件来完成?我将不胜感激。

html javascript jquery

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

数据表 - 按日期范围过滤 - 未返回正确的结果

我目前正在使用jQuery https://datatables.net/的datatables插件,其中包含一个日期插件http://www.daterangepicker.com/.

我几乎让他们一起工作,但目前仍然坚持这两个问题.

1)当我选择我的日期范围时,它会过滤,但剂量可以提供正确的结果.

2)当我清除我的日期范围结果时,它不会删除过滤器.

我创造了一个与我目前工作非常相似的JSfiddle.日期范围过滤器是左上角的输入.http://jsfiddle.net/evcfespn/18/

在这一点上,任何帮助将不胜感激.Javascript代码:

//Start of the data table   
$(document).ready( function () {
  var table = $('#example').DataTable({
    "dom": '<"toolbar">frtip'
  });
$("div.toolbar").html('<input id="date_range" type="text">');  
//END of the data table

// Date range script - Start of the sscript
$("#date_range").daterangepicker({
    autoUpdateInput: false,
    locale: {
        "cancelLabel": "Clear",
        }
});

$("#date_range").on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('YYYY-MM-DD') + ' to ' + picker.endDate.format('YYYY-MM-DD'));
      table.draw();
});

$("#date_range").on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
      table.draw();
});
// Date range script - END of …
Run Code Online (Sandbox Code Playgroud)

html javascript datatable jquery

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

Moment JS - 计算2个日期之间的小时数

在计算日期时间范围时遇到一些问题.我想要完成的是让时刻为我提供数小时的差异.

例如,这是我的脚本:

    var startTime = $('2016-02-21 18:00');
    var endTime = $('2016-02-21 19:30');
    var hours = moment(endTime, 'YYYY/MM/DD HH:mm').diff(moment(startTime, 'YYYY/MM/DD HH:mm')).duration().asHours();
console.log(hours);
Run Code Online (Sandbox Code Playgroud)

我期待我的console.log(hours)回报像1.5(以小时计算).但相反,它返回此错误:

Uncaught TypeError: moment(...).diff(...).duration is not a function
    at <anonymous>:5:90
    at Object.InjectedScript._evaluateOn (<anonymous>:895:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:828:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)
Run Code Online (Sandbox Code Playgroud)

有人会有任何想法吗?

这是一个完整的例子https://jsfiddle.net/ewmq6sof/.

javascript jquery momentjs

4
推荐指数
2
解决办法
4560
查看次数

角形式验证但没有<form>?

我正在尝试使用角度材料框架获得一个非常简单的角度验证表单.我正在Sharepoint 2010内容编辑器webpart中构建此表单,该表单允许使用.我正在努力重建表单而不是在网页上,但没有涉及其他更复杂的问题.

但我深入研究其他问题,我只是想知道角度验证表单是否可以在没有元素的情况下工作?或者如果其他指令可以取代它?

下面是一个关于我的目标,但没有表单元素的小例子.

http://jsfiddle.net/jhadesdev/yfLqfzLw/2/?utm_source=website&utm_medium=embed&utm_campaign=yfLqfzLw

<div class="container" id="demoApp">
  <form class="pure-form pure-form-aligned" name="frm" method="post"
    novalidate autocomplete="off">
      <fieldset>

          <div class="pure-control-group">
              <label>Username</label>
              <input name="username" ng-model="user.username" type="text" placeholder="Username" required>
              <div class="field-message" ng-messages="frm.username.$error" ng-if='frm.username.$dirty' ng-cloak>
                <div ng-message="required">Username is required</div>
              </div>
          </div>

          <div class="pure-control-group">
              <label>Password</label>
              <input name="password"
              ng-model="user.password"
              type="password"
              placeholder="Password"
              required
              ng-minlength="6"
              ng-maxlength="10">
              <div class="field-message" ng-messages="frm.password.$error" ng-if='frm.password.$dirty' ng-cloak>
                <div ng-message="required">Password is required</div>
                <div ng-message="minlength">Password must have minimum 6 characters</div>
                <div ng-message="maxlength">Password must have maximum 10 characters</div>
              </div>
          </div>

          <div class="pure-control-group">
              <label>Email Address</label>
              <input name="email"
                ng-model="user.email"
                type="email" …
Run Code Online (Sandbox Code Playgroud)

javascript jquery sharepoint-2010 angularjs angular-material

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

Notepad ++如何删除字符串后的所有字符

我在Notepad ++中使用正则表达式,尝试删除特定单词后的所有内容.

例如,这是我的文字:

Bull01 blah blah
Bull02 Blah blah
Bull03 Blah
Bull04 Blah
Bull05 Blah
**
Bull300 Blah blah blah
Run Code Online (Sandbox Code Playgroud)

等等..

我试图删除单词之后的所有内容Bull,以便我的结果最终成为公正Bull.我认为这就像搜索一样简单

Bull.*
Run Code Online (Sandbox Code Playgroud)

但这会删除整行,包括单词Bull.

regex expression notepad++

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

CKEditor Inlineditor - 按类而不是ID选择

所以我有一个页面,其中有几个textareas用于我制作的自定义表单.我可以通过它的ID来定位单个textarea,但我想知道是否有一个简单的方法让CKeditor内联目标所有textareas元素或者让他们的类通过编辑器选择元素.目前我已经为彼此设置了ID,但它们各自都是独一无二的,试图找出最好的方法,但我对javascript不太好,并希望得到一些帮助.

Current code:
<script>
CKEDITOR.inline( 'ID');
</script>
Run Code Online (Sandbox Code Playgroud)

寻找能够针对所有文本区域或目标类而不是ID的代码.

ckeditor

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

Knockout JS - 获取模态弹出窗口来编辑项目

我是淘汰赛的新手,非常喜欢它.我正在尝试构建与此http://jsfiddle.net/mac2000/N2zNk/light/非常相似的内容.我尝试复制代码并根据我的需要进行调整.问题是我使用$ .getJSON从服务器获取数据似乎jsfiddle示例是针对不同格式的数据而造成的,这让我感到困惑.

因此,我不是寻求帮助来找到我的代码的问题,而是采取不同的方法.希望你们不介意.我从头开始尝试学习每个步骤,所以我知道我在做什么.

到目前为止,这是我的代码,这非常适合在我的桌子上显示我的数据.

<script type="text/javascript">
     function EmployeeModal() {
         var self = this;
         self.Employees = ko.observableArray([]);
         $.getJSON("../../../../_vti_bin/listData.svc/GDI_PROD_Incidents?$filter=ÉtatValue%20ne%20%27Fermé%27&$orderby=PrioritéValue desc",
             function (data) {
                 if (data.d.results) {
                     self.Employees(ko.toJS(data.d.results));
                 }
             }
       );
     }
     $(document).ready(function () {
         ko.applyBindings(new EmployeeModal());
     });

</script>
Run Code Online (Sandbox Code Playgroud)

我制作了一个模板,其中每一行都有一个类似于示例的编辑按钮,但还没有完成绑定功能.现在我想做的只是onlick将所选数据传递给我的模态并显示我的模态,如下所示:

$('#myModal').modal('show'); 
Run Code Online (Sandbox Code Playgroud)

这是我最挣扎的一步.是否有任何明确的文件记录的菜鸟或示例,提示或任何类型的帮助,我会从这里让我朝着正确的方向.

javascript jquery twitter-bootstrap knockout.js

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