TypeScript appUtils.onContent函數代碼示例

    .then(() => {
        log("Bootstrapping complete.");
        // Mount all data-react components.
        onContent(e => {
            _mountComponents(e.target);
        });

        const contentEvent = new CustomEvent("X-DOMContentReady", { bubbles: true, cancelable: false });
        document.dispatchEvent(contentEvent);
    })

export function initCodeHighlighting() {
    void highlightCodeBlocks();
    onContent(() => void highlightCodeBlocks());
}

export function initTwitterEmbeds() {
    registerEmbedRenderer("twitter", renderTweet);
    onContent(convertTwitterEmbeds);
    void convertTwitterEmbeds().then();
}

/*
 * @author Adam (charrondev) Charron <adam.c@vanillaforums.com>
 * @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");

/*
 * @author Adam (charrondev) Charron <adam.c@vanillaforums.com>
 * @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");
        });

/*
 * @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);

/**
 * 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;
}

export function initEmojiSupport() {
    // Emoji
    onReady(() => convertToSafeEmojiCharacters(document.body));
    onContent(() => convertToSafeEmojiCharacters(document.body));
}