Frdlweb: All site blogs: December 2023}

webfan.js | Frdlweb.js - Markdown Components

Melanie Wehowski — Mon, 25 Dec 2023 21:37:40 +0000

The framework parses everything that is in the innerHTML of an element wich has the attribute or the class frdl-markdown as markdown and then purifies the HTML result. So for example:

**fat**

…will be parsed into:

fat

…and the result looks like:

fat

Darkmode added to the framework

Melanie Wehowski — Sat, 23 Dec 2023 19:21:06 +0000

Thanks to darkmode-js, a darkmode was added to the framework:

    async function darkmode(Webfan){
        try{
            if(true !== Webfan.c.website.darkmode.enabled && 'true' !== Webfan.c.website.darkmode.enabled){
             return;
            }
            (new Webfan.Darkmode(Webfan.c.website.darkmode.options)).showWidget();
        }catch(err){
         console.warn(err);
        }
    }

Read here how you can change the options: https://frdl.de/blog/view/1208/webfanjs-webfan-websitejs-configuration-parameters

webfan.js | Frdlweb.js Configuration Parameters

Melanie Wehowski — Sat, 23 Dec 2023 19:17:39 +0000

As you may have noticed we have appended the injection-Url for the webfan.js in the example by a “configuration query”:

'DEBUG.enabled=true&website.consent.ads=false&angularjs.html5mode.rewriteLinks=false&angularjs.html5mode.enabled=false'

These query-attributes are objects in the “dot-notation”. You can alter the query and it will be merged into the configuration object.

To get the defaults of the configuration object and to get wich attributes/members you can use/alter, you can read and study this file:

https://cdn.startdir.de/@webfan3/common/config-defaults.js

…
DEF.angularjs.html5mode.enabled = true; //null !== document.querySelector('base');
DEF.angularjs.html5mode.requireBase = null !== document.querySelector('base');
DEF.angularjs.html5mode.rewriteLinks = null !== document.querySelector('a[ui-sref]');
…

It will be compiled into every current webpack built.

You can edit this options runtime as described above.