当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript DOM.get方法代码示例

本文整理汇总了TypeScript中tinymce/core/api/dom/DOMUtils.DOM.get方法的典型用法代码示例。如果您正苦于以下问题:TypeScript DOM.get方法的具体用法?TypeScript DOM.get怎么用?TypeScript DOM.get使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在tinymce/core/api/dom/DOMUtils.DOM的用法示例。


在下文中一共展示了DOM.get方法的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: function

  return function (e) {
    const buttonCtrl = this.parent();
    let value;
    const currentColor = TextColor.getCurrentColor(editor, buttonCtrl.settings.format);

    const selectColor = function (value) {
      editor.execCommand('mceApplyTextcolor', buttonCtrl.settings.format, value);
      buttonCtrl.hidePanel();
      buttonCtrl.color(value);
    };

    const resetColor = function () {
      editor.execCommand('mceRemoveTextcolor', buttonCtrl.settings.format);
      buttonCtrl.hidePanel();
      buttonCtrl.resetColor();
    };

    if (DOMUtils.DOM.getParent(e.target, '.mce-custom-color-btn')) {
      buttonCtrl.hidePanel();

      const colorPickerCallback = Settings.getColorPickerCallback(editor);

      colorPickerCallback.call(editor, function (value) {
        const tableElm = buttonCtrl.panel.getEl().getElementsByTagName('table')[0];
        let customColorCells, div, i;

        customColorCells = Tools.map(tableElm.rows[tableElm.rows.length - 1].childNodes, function (elm) {
          return elm.firstChild;
        });

        for (i = 0; i < customColorCells.length; i++) {
          div = customColorCells[i];
          if (!div.getAttribute('data-mce-color')) {
            break;
          }
        }

        // Shift colors to the right
        // TODO: Might need to be the left on RTL
        if (i === cols) {
          for (i = 0; i < cols - 1; i++) {
            setDivColor(customColorCells[i], customColorCells[i + 1].getAttribute('data-mce-color'));
          }
        }

        setDivColor(div, value);
        selectColor(value);
      }, currentColor);
    }

    value = e.target.getAttribute('data-mce-color');
    if (value) {
      if (this.lastId) {
        DOMUtils.DOM.get(this.lastId).setAttribute('aria-selected', 'false');
      }

      e.target.setAttribute('aria-selected', true);
      this.lastId = e.target.id;

      if (value === 'transparent') {
        resetColor();
      } else {
        selectColor(value);
      }
    } else if (value !== null) {
      buttonCtrl.hidePanel();
    }
  };
开发者ID:danielpunkass,项目名称:tinymce,代码行数:68,代码来源:Buttons.ts

示例2: function

 Pipeline.async({}, suite.toSteps({}), function () {
   EventUtils.Event.clean(viewBlock.get());
   DOMUtils.DOM.remove(DOMUtils.DOM.get('mce-modal-block'));
   viewBlock.detach();
   success();
 }, failure);
开发者ID:abstask,项目名称:tinymce,代码行数:6,代码来源:WindowTest.ts


注:本文中的tinymce/core/api/dom/DOMUtils.DOM.get方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。