a Plugin is way of adding to the simple editor advanced editing syntax

the form is as follows:

\Plugin__NameofPlugin   \Attr{ ..........list of attributes.......}  {.............Plugin Syntax...................}_




1) Clock

\Plugin_clock \Attr {display:'inline' caption:'(1)'} {03:34:40}_

(2) Chess

This is extension of embeding FEN Chess syntax in the editor.

https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation 


\Plugin_chess \Attr {display:'inline' caption:'(1)'}{ r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R }_

(3) Video

This is extension of embeding video in the editor from internet like youtube

\Plugin_video{ https://www.youtube.com/embed/YFD2PPAqNbw }_

(4) Audio

\Plugin_audio \Attr{ display:'inline' caption:'audio 1'} {  src:https://www.eduplaycloud.com/test.mp3}_

(5) Image

\Plugin_image \Attr {display:'block' caption:'(fig.1)' repeat:'1'}  { src:https://www.eduplaycloud.com/assets/images/eduplay_logo.png }_

(6) Table

\Plugin_table \Attr {class:'normalBTable' caption:'(table 1)'} {
                Head1 | Head2 | Head3 ;
                Row1  | value | value ;
                Row2  | value | value ;
                }_

(7) Textbox


\Plugin_textBox \Attr {display:'inline' caption:'result: ' } {dffdfs}_


This is to be used in future. It is not yet activated.



(8) FlowChart

This is extension of implementing mermaid js in the editor.

https://mermaid-js.github.io/mermaid-live-editor/ 

\Plugin_flow{
                graph LR
                A-->B
                }_

(9) Math

This is extension of implementing katex in the editor

https://katex.org/docs/supported.html 

\Plugin_math \Attr {caption:'(1)'} {
            \begin{matrix}  a & b \\ 
                            c & d \end{matrix}
            +
            \begin{pmatrix} a & b \\ 
                            c & d \end{pmatrix}
            =
            \begin{bmatrix} a & b \\ 
                            c & d \end{bmatrix}
        }_




(10) Chart

This is extension of implementing Chartjs in the editor

https://www.chartjs.org/samples/latest/ 

\Plugin_chart \Attr{height:'250'}{
            {
                "type": "bar",
                "data": {
                        "labels": ["Red", "Blue", "Yellow", "Green", "Purple","Orange"],
                        "datasets": [{
                            "label": "# of Votes",
                            "data": [12, 19, 3, 5, 2, 3],
                            "backgroundColor": [
                                "rgba(255, 99, 132, 0.2)",
                                "rgba(54, 162, 235, 0.2)",
                                "rgba(255, 206, 86, 0.2)",
                                "rgba(75, 192, 192, 0.2)",
                                "rgba(153, 102, 255, 0.2)",
                                "rgba(255, 159, 64, 0.2)"
                            ],
                            "borderColor": [
                                "rgba(255,99,132,1)",
                                "rgba(54, 162, 235, 1)",
                                "rgba(255, 206, 86, 1)",
                                "rgba(75, 192, 192, 1)",
                                "rgba(153, 102, 255, 1)",
                                "rgba(255, 159, 64, 1)"
                            ],
                            "borderWidth": 1
                        }]
                    },
                    "options": {
                        "scales": {
                            "yAxes": [{
                                "ticks": {
                                    "beginAtZero":true
                                }
                            }]
                        }
                    }
                }
        }_