nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Rich Text Editor examples, what can we post ?

EmmaP_FRE

My New posting series 😀

I was posting the other day and decided to see what else we can post.

Lists:

Bulleted list items 1
Bulleted list items 2
Bulleted list items 3

Ordered list items 4
Ordered list items 5
Ordered list items 6

Bold, Italic, or ~~strikethrough text~~

Links displayed as text, buttons, rich links or cards

Higher Logic,

Button

https://www.higherlogic.com

http://www.higherlogic.com

Drag & drop Images

Gifs

Embedded Videos

https://www.youtube.com/embed/pZ7WLQbLDn8?si=-gQGz9uUZSdl23cV

Encuentra más publicaciones etiquetadas con

Comentarios

PaulaL

Embedded Vimeo videos !!

https://player.vimeo.com/video/332479507?h=e6cd577fbd&badge=0&autopause=0&player_id=0&app_id=58479

And Brightcove!

https://players.brightcove.net/1752604059001/VJCJXL3Ye_default/index.html?videoId=4093643993001

And Kaltura!!

https://videos.kaltura.com/embed/secure/iframe/entryId/1_dn3v3edg/uiConfId/32783592/pbc/8955391/st/0

StevenK

Don't forget attachments

Event Details and assignments.pdf

Community Code of Conduct example.odt

Driveway boarding.mov

Flyover.mp4

Sample users - Short list.csv

Adv Comm Moderation.pptx

PaulaL

Just in case you missed the end of the movie, the butler did it!!

PaulaL

And Callouts to get people's attention

Alerts — Upgraded is being rolled out this weekend

Warnings — Just make sure you follow these new protocols

Informational — Please welcome our new Moderator

Neutral — The Community has hit another milestone

System

What about Toggle Blocks ?

PaulaL

Code blocks ..

(function () {
    "use strict";

    /**
     * Utility: Get the root Shadow DOM for the current Vanilla shell, if present.
     */
    function getVanillaRootShadow() {
        // Common host element for Vanilla's shadow root.
        // Adjust the selector if your theme uses a different host.
        var host =
            document.querySelector("va-app-shell") ||
            document.querySelector("va-app") ||
            document.querySelector("va-root");

        if (!host || !host.shadowRoot) {
            return null;
        }

        return host.shadowRoot;
    }

    /**
     * Vanilla's page-ready hook.
     * This will fire whenever Vanilla initialises / re-renders a page.
     */
    onReady(function (context) {
        // Basic demo output so you can confirm it's wired correctly.
        console.log("Jobs Done");
        console.log("Vanilla onReady context:", context);

        // Try to access the Shadow DOM used by the Vanilla shell.
        var rootShadow = getVanillaRootShadow();

        if (!rootShadow) {
            console.log("Vanilla Shadow DOM not found (this is fine for the demo).");
            return;
        }

        // Example: query *inside* the Shadow DOM (no-op demo).
        // We are not mutating anything – only logging.
        var mainArea =
            rootShadow.querySelector("main") ||
            rootShadow.querySelector("va-main") ||
            rootShadow.querySelector("[data-region='content']");

        if (mainArea) {
            console.log("Found main content element in Shadow DOM:", mainArea);
        } else {
            console.log("Main content element not found in Shadow DOM (still fine for demo).");
        }

        // No DOM modifications are performed – this script is intentionally passive.
    });
})();

StevenK

Qualtrics Survey - Embed

https://qwebsite.qualtrics.com/jfe/form/SV_8IaLCn6CngOqXsx

PaulaL

Y respuestas en hilo, configurables hasta el número de niveles que se necesiten.