TypeScript sugar.SelectorFind类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@ephox/sugar.SelectorFind类的典型用法代码示例。如果您正苦于以下问题：TypeScript SelectorFind类的具体用法？TypeScript SelectorFind怎么用？TypeScript SelectorFind使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

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

示例1:

        Logger.t('Editor element properties', Step.sync(function () {
          const body = Element.fromDom(document.body);
          const editorElement = SelectorFind.descendant(body, '#' + editor.id + '_parent').getOrDie('No elm');
          const iframeContainerElement = SelectorFind.descendant(body, '#' + editor.id + '_iframecontainer').getOrDie('No elm');

          Assertions.assertDomEq('Should be expected editor container element', editorElement, Element.fromDom(editor.editorContainer));
          Assertions.assertDomEq('Should be expected iframe container element element', iframeContainerElement, Element.fromDom(editor.contentAreaContainer));
        }))

开发者ID:danielpunkass，项目名称:tinymce，代码行数:8，代码来源:InitEditorThemeFunctionIframeTest.ts

示例2:

        Logger.t('Editor element properties', Step.sync(function () {
          const body = Element.fromDom(document.body);
          const targetElement = SelectorFind.descendant(body, '#' + editor.id).getOrDie('No elm');
          const editorElement = SelectorFind.descendant(body, '#' + editor.id + '_parent').getOrDie('No elm');

          Assertions.assertDomEq('Should be expected editor container element', editorElement, Element.fromDom(editor.editorContainer));
          Assertions.assertDomEq('Should be expected editor body element', targetElement, Element.fromDom(editor.getBody()));
          Assertions.assertDomEq('Should be expected editor target element', targetElement, Element.fromDom(editor.getElement()));
          Assertions.assertEq('Should be undefined for inline mode', undefined, editor.contentAreaContainer);
        }))

开发者ID:aha-app，项目名称:tinymce-word-paste-filter，代码行数:10，代码来源:InitEditorThemeFunctionInlineTest.ts

示例3: function

  const removeContentEditableSelection = function () {
    if (selectedContentEditableNode) {
      selectedContentEditableNode.removeAttribute('data-mce-selected');
      SelectorFind.descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(Remove.remove);
      selectedContentEditableNode = null;
    }

    SelectorFind.descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(Remove.remove);
    selectedContentEditableNode = null;
  };

开发者ID:danielpunkass，项目名称:tinymce，代码行数:10，代码来源:SelectionOverrides.ts

示例4: createViewElement

 return Step.sync(function () {
   const elm = createViewElement(html);
   const location = createLocation(elm, elementPath, offset);
   Assertions.assertEq('Should be a valid location: ' + html, true, location.isSome());
   Assertions.assertEq('Should be expected location', expectedLocationName, locationName(location.getOrDie()));
   Assertions.assertDomEq('Should be expected element', SelectorFind.descendant(elm, expectedInline).getOrDie(), locationElement(location.getOrDie()));
 });

开发者ID:abstask，项目名称:tinymce，代码行数:7，代码来源:BoundaryLocationTest.ts

示例5:

 onReceive: (comp, data) => {
   // Send the message to the iframe via postMessage
   SelectorFind.descendant(comp.element(), 'iframe').each((iframeEle) => {
     const iframeWin = iframeEle.dom().contentWindow;
     iframeWin.postMessage(data, iframeDomain);
   });
 }

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:SilverUrlDialog.ts

示例6: measureHeights

      AlloyEvents.runOnAttached((comp) => {
        SelectorFind.descendant(comp.element(), '[role="tabpanel"]').each((tabview) => {
          Css.set(tabview, 'visibility', 'hidden');

          // Determine the maximum heights of each tab
          comp.getSystem().getByDom(tabview).toOption().each((tabviewComp) => {
            const heights = measureHeights(allTabs, tabview, tabviewComp);

            // Calculate the maximum tab height and store it
            const maxTabHeightOpt = getMaxHeight(heights);
            maxTabHeight.set(maxTabHeightOpt);
          });

          // Set an initial height, based on the current size
          updateTabviewHeight(comp.element(), tabview, maxTabHeight);

          // Show the tabs
          Css.remove(tabview, 'visibility');
          showTab(allTabs, comp);

          // Use a delay here and recalculate the height, as we need all the components attached
          // to be able to properly calculate the max height
          Delay.requestAnimationFrame(() => {
            updateTabviewHeight(comp.element(), tabview, maxTabHeight);
          });
        });
      }),

开发者ID:tinymce，项目名称:tinymce，代码行数:27，代码来源:DialogTabHeight.ts

示例7: function

const setupUiContainer = function (editor) {
  if (editor.settings.ui_container) {
    Env.container = SelectorFind.descendant(Element.fromDom(document.body), editor.settings.ui_container).fold(Fun.constant(null), function (elm) {
      return elm.dom();
    });
  }
};

开发者ID:danielpunkass，项目名称:tinymce，代码行数:7，代码来源:FormatControls.ts

示例8:

 const getButton = (selector: string) => {
   return component.getSystem().getByDom(
     SelectorFind.descendant(component.element(), selector).getOrDie(
       `Could not find button defined by: ${selector}`
     )
   ).getOrDie();
 };

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:ToolbarButtonsTest.ts

示例9:

 setActive: (state) => {
   // Toggle the pressed aria state component
   Attr.set(comp.element(), 'aria-pressed', state);
   // Toggle the inner button state, as that's the toggle component of the split button
   SelectorFind.descendant(comp.element(), 'span').each((button) => {
     comp.getSystem().getByDom(button).each((buttonComp) => Toggling.set(buttonComp, state));
   });
 },

开发者ID:tinymce，项目名称:tinymce，代码行数:8，代码来源:ToolbarButtons.ts

示例10: Error

 Chain.op((dialog) => {
   if (Attr.has(dialog, 'aria-labelledby')) {
     const labelledby = Attr.get(dialog, 'aria-labelledby');
     const dialogLabel = SelectorFind.descendant(dialog, '#' + labelledby).getOrDie('Could not find labelledby');
     Assertions.assertEq('Checking label text', ariaLabel, Html.get(dialogLabel));
   } else {
     throw new Error('Dialog did not have an aria-labelledby');
   }
 })

开发者ID:tinymce，项目名称:tinymce，代码行数:9，代码来源:FullScreenPluginTest.ts

注：本文中的@ephox/sugar.SelectorFind类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。