本文整理汇总了TypeScript中@ephox/alloy.Debugging类的典型用法代码示例。如果您正苦于以下问题：TypeScript Debugging类的具体用法？TypeScript Debugging怎么用？TypeScript Debugging使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了Debugging类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: NotificationManagerImpl
ThemeManager.add('silver', (editor): Theme => {
const { mothership, uiMothership, backstage, renderUI, getUi }: RenderInfo = Render.setup(editor);
FormatControls.setup(editor, backstage);
Debugging.registerInspector(Id.generate('silver-demo'), mothership);
Debugging.registerInspector(Id.generate('silver-ui-demo'), uiMothership);
Autocompleter.register(editor, backstage.shared);
const windowMgr = WindowManager.setup({ editor, backstage });
return {
renderUI,
getWindowManagerImpl: Fun.constant(windowMgr),
getNotificationManagerImpl: () => {
return NotificationManagerImpl(editor, {backstage}, uiMothership);
},
// TODO: move to editor.ui namespace
ui: getUi()
};
});示例2: function
editor.on('init', function () {
realm.init({
editor: {
getFrame () {
return Element.fromDom(editor.contentAreaContainer.querySelector('iframe'));
},
onDomChanged () {
return {
unbind: Fun.noop
};
},
onToReading (handler) {
return bindHandler(READING(), handler);
},
onToEditing (handler) {
return bindHandler(EDITING(), handler);
},
onScrollToCursor (handler) {
editor.on('scrollIntoView', function (tinyEvent) {
handler(tinyEvent);
});
const unbind = function () {
editor.off('scrollIntoView');
orientation.destroy();
};
return {
unbind
};
},
onTouchToolstrip () {
hideDropup();
},
onTouchContent () {
const toolbar = Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolbar')));
// If something in the toolbar had focus, fire an execute on it (execute on tap away)
// Perhaps it will be clearer later what is a better way of doing this.
findFocusIn(toolbar).each(AlloyTriggers.emitExecute);
realm.restoreToolbar();
hideDropup();
},
onTapContent (evt) {
const target = evt.target();
// If the user has tapped (touchstart, touchend without movement) on an image, select it.
if (Node.name(target) === 'img') {
editor.selection.select(target.dom());
// Prevent the default behaviour from firing so that the image stays selected
evt.kill();
} else if (Node.name(target) === 'a') {
const component = realm.system().getByDom(Element.fromDom(editor.editorContainer));
component.each(function (container) {
/// view mode
if (Swapping.isAlpha(container)) {
TinyCodeDupe.openLink(target.dom());
}
});
}
}
},
container: Element.fromDom(editor.editorContainer),
socket: Element.fromDom(editor.contentAreaContainer),
toolstrip: Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolstrip'))),
toolbar: Element.fromDom(editor.editorContainer.querySelector('.' + Styles.resolve('toolbar'))),
dropup: realm.dropup(),
alloy: realm.system(),
translate: Fun.noop,
setReadOnly (ro) {
setReadOnly(readOnlyGroups, mainGroups, ro);
}
});
const hideDropup = function () {
realm.dropup().disappear(function () {
realm.system().broadcastOn([ TinyChannels.dropupDismissed() ], { });
});
};
Debugging.registerInspector('remove this', realm.system());
const backToMaskGroup = {
label: 'The first group',
scrollable: false,
items: [
Buttons.forToolbar('back', function (/* btn */) {
editor.selection.collapse();
realm.exit();
}, { })
]
};
const backToReadOnlyGroup = {
//.........这里部分代码省略.........
示例3: setupDemo
const buildDemoDialog = (spec) => {
const helpers = setupDemo();
Debugging.registerInspector(spec.title, helpers.uiMothership);
const winMgr = WindowManager.setup(helpers.extras);
winMgr.open(spec, {}, Fun.noop);
};