小编Way*_*yne的帖子

根据JSON数据添加类

使用来自JSON数据的动态生成的HTML,我试图为每个添加一个类.status-card,在这种情况下取​​决于值c.callStatus.这是我得到的最接近的,但这只是active为所有人增加了课程status-card.我猜它与我如何使用$(this)或我错过了其他东西有关?

$(function() {
    var agents = [];
    $.getJSON('js/agents.json', function(a) {
        $.each(a.agents, function(b, c) {
            var content = 
            '<div class="status-card">' +
            '<div class="agent-details">' +
            '<span class="agent-name">' + c.name + '</span>' +
            '<span class="handling-state">' + c.callStatus + '</span>' +
            '<span class="handling-time">' + c.handlingTime + '</span>' +
            '</div>' +
            '<div class="status-indicator"></div>' +
            '</div>'
            $(content).appendTo('#left');

            //Add class depending on callStatus
            $('.status-card').each(function() {
              if (c.callStatus == 'On Call') {
                $(this).removeClass('idle away').addClass('active');
              } else if (c.callStatus …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json

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

使用tinyMCE和Angular在光标处插入文本

将tinyMCE 与Angular 结合使用,我需要在光标位置插入文本,最好使用工具栏按钮。

据我了解,我需要onExecCommand通过命令使用该事件mceInsertContent

我查看了以下内容:

但这些解决方案在这种情况下没有帮助。

这是文档

编辑器-dialog.component.html

<editor [init]="tinyMceConfig"
  [formControl]="data.formControl">
</editor>
Run Code Online (Sandbox Code Playgroud)

编辑器-dialog.component.ts

/* ... */

export class EditorDialogComponent implements OnInit {
  tinyMceConfig: any;

  constructor(
    /* ... */
  ) { }

  ngOnInit() {
    this.configureTinyMce();
  }

  configureTinyMce() {
    this.tinyMceConfig = {
      theme: 'modern',
      menubar: false,
      branding: false,
      height: 400,
      skin_url: 'assets/tinymce/skins/lightgray',
      inline: false,
      plugins: [
        'advlist lists link image directionality',
        'searchreplace visualblocks visualchars media table contextmenu paste textcolor colorpicker pagebreak code'
      ],
      // …
Run Code Online (Sandbox Code Playgroud)

javascript tinymce tinymce-4 angular

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

标签 统计

javascript ×2

angular ×1

jquery ×1

json ×1

tinymce ×1

tinymce-4 ×1