• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript appUtils.onReady函数代码示例

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

本文整理汇总了TypeScript中@library/utility/appUtils.onReady函数的典型用法代码示例。如果您正苦于以下问题:TypeScript onReady函数的具体用法?TypeScript onReady怎么用?TypeScript onReady使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



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

示例1: registerReducer

/*
 * @author Adam (charrondev) Charron <[email protected]>
 * @copyright 2009-2019 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

import editorReducer from "@rich-editor/state/editorReducer";
import { registerReducer } from "@library/redux/reducerRegistry";
import { onReady, onContent } from "@library/utility/appUtils";

registerReducer("editor", editorReducer);
onReady(() => {
    void setupEditor();
});
onContent(setupEditor);

const MOUNTED_CLASS = "js-isMounted";

/**
 * Set up the new discussion form if it exists.
 */
async function setupEditor() {
    const editorMountPoints = document.querySelectorAll(".richEditor");
    if (editorMountPoints.length > 0) {
        const mountEditor = await import(/* webpackChunkName: "mountEditor" */ "@rich-editor/mountEditor");
        editorMountPoints.forEach(mountPoint => {
            if (!mountPoint.classList.contains(MOUNTED_CLASS)) {
                mountPoint.classList.add(MOUNTED_CLASS);
                const popup = mountPoint.closest(".Popup");
                if (popup) {
                    popup.classList.add("hasRichEditor");
开发者ID:vanilla,项目名称:vanilla,代码行数:31,代码来源:forum.ts


示例2: onReady

/*
 * @author Adam (charrondev) Charron <[email protected]>
 * @copyright 2009-2019 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

import { onReady, onContent } from "@library/utility/appUtils";

onReady(handleRichEditorInputFormatterOptions);
onContent(handleRichEditorInputFormatterOptions);

function handleRichEditorInputFormatterOptions() {
    const inputFormatterSelect = document.getElementById("Form_Garden-dot-InputFormatter") as HTMLSelectElement;
    if (inputFormatterSelect) {
        updateRichFormValues(inputFormatterSelect.value);
        inputFormatterSelect.addEventListener("change", () => {
            updateRichFormValues(inputFormatterSelect.value);
        });
    }
}

function updateRichFormValues(inputFormatter: string) {
    const richFormGroups = document.querySelectorAll(".js-richFormGroup");
    if (inputFormatter === "Rich") {
        richFormGroups.forEach(group => {
            group.classList.remove("Hidden");
        });
    } else {
        richFormGroups.forEach(group => {
            group.classList.add("Hidden");
        });
开发者ID:vanilla,项目名称:vanilla,代码行数:31,代码来源:admin.ts


示例3: onReady

/*
 * @copyright 2009-2019 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

import { onReady, onContent } from "@library/utility/appUtils";

onReady(handleImageUploadInputDisplay);
onContent(handleImageUploadInputDisplay);

function handleImageUploadInputDisplay() {
    const imageUploadEnabled = document.getElementById("Form_ImageUpload-dot-Limits-dot-Enabled") as HTMLInputElement;

    if (imageUploadEnabled) {
        const displayClass = "dimensionsDisabled";
        const imageUploadDimensions = Array.from(document.getElementsByClassName("ImageUploadLimitsDimensions"));

        if (imageUploadEnabled.checked) {
            imageUploadDimensions.forEach(input => {
                input.classList.remove(displayClass);
            });
        }

        imageUploadEnabled.addEventListener("click", () => {
            if (imageUploadEnabled.checked) {
                imageUploadDimensions.forEach(input => {
                    input.classList.remove(displayClass);
                });
            } else {
                imageUploadDimensions.forEach(input => {
                    input.classList.add(displayClass);
开发者ID:vanilla,项目名称:vanilla,代码行数:31,代码来源:admin.ts


示例4: onReady

/**
 * Entrypoint for gradually replacing global.js
 *
 * At some point everything in this folder should be able to be removed (new base theme).
 *
 * @copyright 2009-2019 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

import { onContent, onReady } from "@library/utility/appUtils";
import { initializeAtComplete } from "@dashboard/legacy/atwho";

// Initialize legacy @mentions for all BodyBox elements.
if ($.fn.atwho) {
    onReady(() => initializeAtComplete(".BodyBox,.js-bodybox"));
    onContent(() => initializeAtComplete(".BodyBox,.js-bodybox"));

    // Also assign this function to the global `gdn` object.
    // The advanced editor calls this function directly when in wysiwyg format, as it needs to
    // handle an iframe, and the editor instance needs to be referenced. The advanced editor does not yet use
    // this build process so it can only communicate through here with a global.
    window.gdn.atCompleteInit = initializeAtComplete;
}
开发者ID:vanilla,项目名称:vanilla,代码行数:23,代码来源:index.ts


示例5: onReady

 * @copyright 2009-2019 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

import { onReady } from "@library/utility/appUtils";
import { IThemeState, themeReducer } from "@library/theming/themeReducer";
import { IUsersStoreState, usersReducer } from "@library/features/users/userModel";
import { logError } from "@library/utility/utils";
import { Reducer, ReducersMapObject } from "redux";

let haveGot = false;
let wasReadyCalled = false;
const reducers = {};

onReady(() => {
    wasReadyCalled = true;
});

export function registerReducer(name: string, reducer: Reducer) {
    if (haveGot) {
        logError("Cannot register reducer %s after reducers applied to the store.", name);
    } else {
        reducers[name] = reducer;
    }
}

export interface ICoreStoreState extends IUsersStoreState {
    theme: IThemeState;
}

export function getReducersReady(): boolean {
开发者ID:vanilla,项目名称:vanilla,代码行数:31,代码来源:reducerRegistry.ts


示例6: initEmojiSupport

export function initEmojiSupport() {
    // Emoji
    onReady(() => convertToSafeEmojiCharacters(document.body));
    onContent(() => convertToSafeEmojiCharacters(document.body));
}
开发者ID:vanilla,项目名称:vanilla,代码行数:5,代码来源:emoji.ts



注:本文中的@library/utility/appUtils.onReady函数示例整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript appUtils.setMeta函数代码示例发布时间:2022-05-28
下一篇:
TypeScript appUtils.onContent函数代码示例发布时间:2022-05-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap