💾 Archived View for jb55.com › ward.asia.wiki.org › about-html-plugin captured on 2021-12-04 at 18:04:22. Gemini links have been rewritten to link to archived content
-=-=-=-=-=-=-
The HTML plugin allows you to format text using HTML tags. The text you write is checked to be sure it won't interfere with other websites where it might appear.
See GitHub for plugin source.
This markup uses tags enclosed in angle brackets to enclose text to be formatted. The matching end tag includes a forward slash. A few tags don't expect to be matched with end tags.
<h3> Formatting </h3>
Use <b>...</b> for <b>bold</b>.
Use <i>...</i> for <i>italic</i>.
Use <h3>...</h3> for headings. By convention we use size 3.
<h3> Forms </h3>
Use <form ...> ... <input type=submit ...></form> for posts to remote services. Services are expected to respond with json for a page to be added to the lineup.
For example, this form submits an image url to a remote service as if the image had been dropped on an image transporter. See About Transport Plugin
<form action="http://home.c2.com:4010/image" style="background-color:#eee; padding:15px;"> <center> Transport Image to Wiki Page<br><br> url: <input name=text size=40 value="http://c2.com/wiki/wiki-21st.jpg"> <input name=html type=hidden value=""> <input type=submit value=submit> </center> </form>
Note: fidelity with the Transport plugin api is not required of form handlers.
We special case one action url and handle it within the plugin without transporting through a remote service.
<form action="http://new_page/" style="background-color:#eee; padding:15px;"> <center> Create New Page<br><br> <input name=title size=40 placeholder="New Page Title"> <input type=submit value=create> </center> </form>
<h3> SVG </h3>
Scalable Vector Graphic (SVG) images can be embedded directly. We recommend specifying the width and viewBox attributes and omitting the height attribute to get the images to fit in our narrow pages: <svg width="100%" viewBox="..."
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 100 100"> <title>SVG Logo</title> <rect id="background" fill="#FF9900" width="100" height="100" rx="4" ry="4"/> <rect id="top-left" fill="#FFB13B" width="50" height="50" rx="4" ry="4"/> <rect id="bottom-right" x="50" y="50" fill="#DE8500" width="50" height="50" rx="4" ry="4"/> <g id="circles" fill="#FF9900"> <circle id="n" cx="50" cy="18.4" r="18.4"/> <circle id="ne" cx="72.4" cy="27.6" r="18.4"/> <circle id="e" cx="81.6" cy="50" r="18.4"/> <circle id="se" cx="72.4" cy="72.4" r="18.4"/> <circle id="s" cx="50" cy="81.6" r="18.4"/> <circle id="sw" cx="27.6" cy="72.4" r="18.4"/> <circle id="w" cx="18.4" cy="50" r="18.4"/> <circle id="nw" cx="27.6" cy="27.6" r="18.4"/> </g> <g id="stars"> <path id="black-star" d="M 63.086, 18.385 c 0.000, -7.227 -5.859,-13.086 -13.100,-13.086 c -7.235, 0.000 -13.096, 5.859 -13.096, 13.086 c -5.100, -5.110 -13.395, -5.110 -18.497, 0.000 c -5.119, 5.120 -5.119, 13.408 0.000, 18.524 c -7.234, 0.000 -13.103, 5.859 -13.103, 13.085 c 0.000, 7.230 5.870, 13.098 13.103, 13.098 c -5.119, 5.110 -5.119, 13.395 0.000, 18.515 c 5.102, 5.104 13.397, 5.104 18.497, 0.000 c 0.000, 7.228 5.860, 13.083 13.096, 13.083 c 7.240, 0.000 13.100, -5.855 13.100,-13.083 c 5.118, 5.104 13.416, 5.104 18.513, 0.000 c 5.101, -5.120 5.101,-13.410 0.000,-18.515 c 7.216, 0.000 13.081, -5.869 13.081,-13.098 c 0.000, -7.227 -5.865,-13.085 -13.081,-13.085 c 5.101, -5.119 5.101,-13.406 0.000,-18.524 C 76.502, 13.275 68.206, 13.275 63.086, 18.385 z"/> <path id="white-star" fill="#FFFFFF" d="M 55.003, 23.405 v 14.488 L 65.260, 27.640 c 0.000, -1.812 0.691,-3.618 2.066, -5.005 c 2.780, -2.771 7.275,-2.771 10.024, 0.000 c 2.771, 2.766 2.771, 7.255 0.000, 10.027 c -1.377, 1.375 -3.195, 2.072 -5.015, 2.072 L 62.101, 44.982 H 76.590 c 1.290, -1.280 3.054,-2.076 5.011, -2.076 c 3.900, 0.000 7.078, 3.179 7.078, 7.087 c 0.000, 3.906 -3.178, 7.088 -7.078, 7.088 c -1.957, 0.000 -3.721,-0.798 -5.011, -2.072 H 62.100 l 10.229, 10.244 c 1.824, 0.000 3.642, 0.694 5.015, 2.086 c 2.774, 2.759 2.774, 7.250 0.000, 10.010 c -2.750, 2.774 -7.239, 2.774 -10.025, 0.000 c -1.372, -1.372 -2.064,-3.192 -2.064, -5.003 L 55.000, 62.094 v 14.499 c 1.271, 1.276 2.084, 3.054 2.084, 5.013 c 0.000, 3.906 -3.177, 7.077 -7.098, 7.077 c -3.919, 0.000 -7.094,-3.167 -7.094, -7.077 c 0.000, -1.959 0.811,-3.732 2.081, -5.013 V 62.094 L 34.738, 72.346 c 0.000, 1.812 -0.705, 3.627 -2.084, 5.003 c -2.769, 2.772 -7.251, 2.772 -10.024, 0.000 c -2.775, -2.764 -2.775,-7.253 0.000,-10.012 c 1.377, -1.390 3.214,-2.086 5.012, -2.086 l 10.257,-10.242 H 23.414 c -1.289, 1.276 -3.072, 2.072 -5.015, 2.072 c -3.917, 0.000 -7.096,-3.180 -7.096, -7.088 s 3.177, -7.087 7.096,-7.087 c 1.940, 0.000 3.725, 0.796 5.015, 2.076 h 14.488 L 27.646, 34.736 c -1.797, 0.000 -3.632,-0.697 -5.012, -2.071 c -2.775, -2.772 -2.775,-7.260 0.000,-10.027 c 2.773, -2.771 7.256,-2.771 10.027, 0.000 c 1.375, 1.386 2.083, 3.195 2.083, 5.005 l 10.235, 10.252 V 23.407 c -1.270, -1.287 -2.082,-3.053 -2.082, -5.023 c 0.000, -3.908 3.175,-7.079 7.096, -7.079 c 3.919, 0.000 7.097, 3.168 7.097, 7.079 C 57.088, 20.356 56.274,22.119 55.003, 23.405 z"/> </g> <g id="svg-textbox"> <path id="text-backdrop" fill="black" d="M 5.30,50.00 H 94.68 V 90.00 Q 94.68,95.00 89.68,95.00 H 10.30 Q 5.30,95.00 5.30,90.00 Z"/> <path id="shine" fill="#3F3F3F" d="M 14.657,54.211 h 71.394 c 2.908, 0.000 5.312, 2.385 5.312, 5.315 v 17.910 c -27.584,-3.403 -54.926,-8.125 -82.011,-7.683 V 59.526 C 9.353,56.596 11.743,54.211 14.657,54.211 L 14.657,54.211 z"/> <g id="svg-text"> <title>SVG</title> <path id="S" fill="#FFFFFF" stroke="#000000" stroke-width="0.5035" d="M 18.312,72.927 c -2.103,-2.107 -3.407, -5.028 -3.407, -8.253 c 0.000,-6.445 5.223,-11.672 11.666,-11.672 c 6.446, 0.000 11.667, 5.225 11.667, 11.672 h -6.832 c 0.000,-2.674 -2.168, -4.837 -4.835, -4.837 c -2.663, 0.000 -4.838, 2.163 -4.838, 4.837 c 0.000, 1.338 0.549, 2.536 1.415, 3.420 l 0.000, 0.000 c 0.883, 0.874 2.101, 1.405 3.423, 1.405 v 0.012 c 3.232, 0.000 6.145, 1.309 8.243, 3.416 l 0.000, 0.000 c 2.118, 2.111 3.424, 5.034 3.424, 8.248 c 0.000, 6.454 -5.221, 11.680 -11.667, 11.680 c -6.442, 0.000 -11.666, -5.222 -11.666,-11.680 h 6.828 c 0.000, 2.679 2.175, 4.835 4.838, 4.835 c 2.667, 0.000 4.835, -2.156 4.835, -4.835 c 0.000,-1.329 -0.545, -2.527 -1.429, -3.407 l 0.000, 0.000 c -0.864,-0.880 -2.082, -1.418 -3.406, -1.418 l 0.000, 0.000 C 23.341,76.350 20.429, 75.036 18.312, 72.927 L 18.312,72.927 L 18.312,72.927 z"/> <polygon id="V" fill="#FFFFFF" stroke="#000000" stroke-width="0.5035" points="61.588,53.005 53.344,92.854 46.494,92.854 38.236,53.005 45.082,53.005 49.920,76.342 54.755,53.005"/> <path id="G" fill="#FFFFFF" stroke="#000000" stroke-width="0.5035" d="M 73.255,69.513 h 11.683 v 11.664 l 0.000, 0.000 c 0.000, 6.452 -5.226,11.678 -11.669, 11.678 c -6.441, 0.000 -11.666,-5.226 -11.666,-11.678 l 0.000, 0.000 V 64.676 h -0.017 C 61.586,58.229 66.827,53.000 73.253, 53.000 c 6.459, 0.000 11.683, 5.225 11.683, 11.676 h -6.849 c 0.000,-2.674 -2.152,-4.837 -4.834, -4.837 c -2.647, 0.000 -4.820, 2.163 -4.820, 4.837 v 16.501 l 0.000, 0.000 c 0.000, 2.675 2.173, 4.837 4.820, 4.837 c 2.682, 0.000 4.834,-2.162 4.834, -4.827 v -0.012 v -4.827 h -4.834 L 73.255,69.513 L 73.255,69.513 z"/> </g> </g> </svg>
Authors can create internal links in embedded SVGs by providing a page title in the data-title attribute. In the example below we have linked this collection of pilcrow icons to About Paragraph Plugin.
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 231 90" version="1.0"> <a href="/about-paragraph-plugin.html" data-title="About Paragraph Plugin"> <g id="layer1" transform="translate(-207.33556,-449.11609)"> <path style="fill:#000000" id="path2221" d="M 250.99407,466.85107 C 247.75017,465.46225 244.20827,465.44851 240.73788,465.57344 C 231.50541,466.75424 229.35961,469.44929 228.52094,470.08281 C 222.42039,475.17681 217.51456,481.5417 214.33782,488.81671 C 211.68888,495.74616 214.3727,501.08178 220.06358,505.18103 C 228.65517,509.48117 238.13747,508.40846 247.25208,506.79656 C 251.28994,506.02503 255.22616,504.8718 259.13202,503.61246 L 253.88354,507.66853 C 250.08818,508.75793 246.27025,509.76265 242.38028,510.4663 C 233.03306,512.074 223.31662,513.03669 214.50697,508.70823 C 208.63066,504.42336 205.57349,498.77495 208.40242,491.54356 C 211.50833,484.19777 216.495,477.77614 222.4651,472.50133 C 229.37111,467.04027 237.42562,462.5491 246.27733,461.52301 C 249.95189,461.43156 253.64664,461.46843 257.15616,462.70339 L 250.99407,466.85107 z " /> <g id="g2267"> <path style="fill:#000000" id="path2223" d="M 314.63368,466.85107 C 311.38978,465.46225 307.84788,465.44851 304.37749,465.57344 C 295.14502,466.75424 292.99922,469.44929 292.16055,470.08281 C 286.06,475.17681 281.15417,481.5417 277.97743,488.81671 C 275.32849,495.74616 278.01231,501.08178 283.70319,505.18103 C 292.29478,509.48117 301.77708,508.40846 310.89169,506.79656 C 314.92955,506.02503 318.86577,504.8718 322.77163,503.61246 L 317.52315,507.66853 C 313.72779,508.75793 309.90986,509.76265 306.01989,510.4663 C 296.67267,512.074 286.95623,513.03669 278.14658,508.70823 C 272.27027,504.42336 269.2131,498.77495 272.04203,491.54356 C 275.14794,484.19777 280.13461,477.77614 286.10471,472.50133 C 293.01072,467.04027 301.06523,462.5491 309.91694,461.52301 C 313.5915,461.43156 317.28625,461.46843 320.79577,462.70339 L 314.63368,466.85107 z " /> <path d="M 305.79225,449.11609 C 305.30197,456.16883 304.18679,463.16034 303.4674,470.1948 C 302.55954,480.66761 302.34919,491.1865 302.36601,501.69374 C 302.23872,509.16285 302.49938,516.63233 302.30664,524.10019 C 302.29452,526.98049 301.87536,529.82971 301.50517,532.67847 C 301.43684,533.16422 301.41743,533.65434 301.37356,534.14228 L 294.77593,537.4335 C 294.83008,536.92695 294.85632,536.41743 294.93838,535.91384 C 295.41992,532.99424 296.07769,530.09742 296.27299,527.13714 C 296.81757,519.61948 296.58881,512.07592 296.75161,504.54435 C 297.06643,493.99653 297.33992,483.4456 298.01806,472.91265 C 298.49392,466.09337 299.49247,459.27198 299.28912,452.4296 L 305.79225,449.11609 z " id="path2227" style="fill:#000000" /> </g> <g id="g2271"> <path d="M 377.76821,466.85107 C 374.52431,465.46225 370.98241,465.44851 367.51202,465.57344 C 358.27955,466.75424 356.13375,469.44929 355.29508,470.08281 C 349.19453,475.17681 344.2887,481.5417 341.11196,488.81671 C 338.46302,495.74616 341.14684,501.08178 346.83772,505.18103 C 355.42931,509.48117 364.91161,508.40846 374.02622,506.79656 C 378.06408,506.02503 382.0003,504.8718 385.90616,503.61246 L 380.65768,507.66853 C 376.86232,508.75793 373.04439,509.76265 369.15442,510.4663 C 359.8072,512.074 350.09076,513.03669 341.28111,508.70823 C 335.4048,504.42336 332.34763,498.77495 335.17656,491.54356 C 338.28247,484.19777 343.26914,477.77614 349.23924,472.50133 C 356.14525,467.04027 364.19976,462.5491 373.05147,461.52301 C 376.72603,461.43156 380.42078,461.46843 383.9303,462.70339 L 377.76821,466.85107 z " id="path2229" style="fill:#000000" /> <path style="fill:#000000" id="path2231" d="M 375.99785,449.11609 C 375.50757,456.16883 374.39239,463.16034 373.673,470.1948 C 372.76514,480.66761 372.55479,491.1865 372.57161,501.69374 C 372.44432,509.16285 372.70498,516.63233 372.51224,524.10019 C 372.50012,526.98049 372.08096,529.82971 371.71077,532.67847 C 371.64244,533.16422 371.62303,533.65434 371.57916,534.14228 L 364.98153,537.4335 C 365.03568,536.92695 365.06192,536.41743 365.14398,535.91384 C 365.62552,532.99424 366.28329,530.09742 366.47859,527.13714 C 367.02317,519.61948 366.79441,512.07592 366.95721,504.54435 C 367.27203,493.99653 367.54552,483.4456 368.22366,472.91265 C 368.69952,466.09337 369.69807,459.27198 369.49472,452.4296 L 375.99785,449.11609 z " /> <path d="M 366.99148,449.92343 C 366.3272,454.87959 365.37913,459.80663 364.5863,464.7481 C 362.29361,476.11658 360.85951,487.6006 359.98604,499.15688 C 359.52431,506.16593 359.49624,513.18863 359.99908,520.19327 C 360.17784,521.89135 360.27825,523.59241 360.35546,525.29675 C 360.35757,527.07198 360.35,528.84712 360.33731,530.62233 C 360.31624,532.30385 360.33156,533.98501 360.35245,535.66641 L 353.82682,538.9911 C 353.84868,537.30417 353.86571,535.61747 353.84512,533.93039 C 353.83077,532.1757 353.83233,530.42059 353.78044,528.66652 C 353.74106,526.91738 353.6993,525.16808 353.71594,523.4183 C 353.79004,516.19099 354.18541,508.97509 354.76196,501.7707 C 355.57758,490.29216 357.09725,478.91203 358.89203,467.54811 C 359.48639,462.82742 360.24465,458.08564 360.31836,453.32356 L 366.99148,449.92343 z " id="path2235" style="fill:#000000" /> </g> <g id="g2276"> <path style="fill:#000000" id="path2237" d="M 432.35667,463.37877 C 429.99169,462.36624 427.40945,462.35622 424.87935,462.44731 C 418.14837,463.30817 416.58397,465.27301 415.97253,465.73488 C 411.5249,469.44869 407.94828,474.08904 405.63226,479.39292 C 403.70104,484.44487 405.65769,488.33483 409.80665,491.32341 C 416.07039,494.45844 422.98351,493.67638 429.62856,492.50122 L 434.46326,493.13693 C 431.69623,493.93116 428.91275,494.66366 426.07675,495.17666 C 419.26211,496.34876 412.1783,497.05061 405.75558,493.89493 C 401.47143,490.77102 399.24259,486.65302 401.30503,481.38094 C 403.56941,476.02546 407.20496,471.34374 411.55749,467.49812 C 416.59235,463.5167 422.46453,460.2424 428.91791,459.49432 C 431.59687,459.42765 434.29054,459.45453 436.84917,460.35488 L 432.35667,463.37877 z " /> <path d="M 438.12223,449.11609 C 437.63195,456.16883 436.51677,463.16034 435.79738,470.1948 C 434.88952,480.66761 434.67917,491.1865 434.69599,501.69374 C 434.5687,509.16285 434.82936,516.63233 434.63662,524.10019 C 434.6245,526.98049 434.20534,529.82971 433.83515,532.67847 C 433.76682,533.16422 433.74741,533.65434 433.70354,534.14228 L 427.10591,537.4335 C 427.16006,536.92695 427.1863,536.41743 427.26836,535.91384 C 427.7499,532.99424 428.40767,530.09742 428.60297,527.13714 C 429.14755,519.61948 428.91879,512.07592 429.08159,504.54435 C 429.39641,493.99653 429.6699,483.4456 430.34804,472.91265 C 430.8239,466.09337 431.82245,459.27198 431.6191,452.4296 L 438.12223,449.11609 z " id="path2239" style="fill:#000000" /> <path style="fill:#000000" id="path2241" d="M 429.11586,449.92343 C 428.45158,454.87959 427.50351,459.80663 426.71068,464.7481 C 424.41799,476.11658 422.98389,487.6006 422.11042,499.15688 C 421.64869,506.16593 421.62062,513.18863 422.12346,520.19327 C 422.30222,521.89135 422.40263,523.59241 422.47984,525.29675 C 422.48195,527.07198 422.47438,528.84712 422.46169,530.62233 C 422.44062,532.30385 422.45594,533.98501 422.47683,535.66641 L 415.9512,538.9911 C 415.97306,537.30417 415.99009,535.61747 415.9695,533.93039 C 415.95515,532.1757 415.95671,530.42059 415.90482,528.66652 C 415.86544,526.91738 415.82368,525.16808 415.84032,523.4183 C 415.91442,516.19099 416.30979,508.97509 416.88634,501.7707 C 417.70196,490.29216 419.22163,478.91203 421.01641,467.54811 C 421.61077,462.82742 422.36903,458.08564 422.44274,453.32356 L 429.11586,449.92343 z " /> <path d="M 420.52091,495.93427 C 413.70627,497.10637 412.1783,497.05061 405.75558,493.89493 C 401.47143,490.77102 399.24259,486.65302 401.30503,481.38094 C 403.56941,476.02546 407.20496,471.34374 411.55749,467.49812 C 416.59235,463.5167 419.93915,459.48479 426.39253,458.73671 C 421.36931,480.68008 421.46781,480.08222 420.52091,495.93427 z " id="path2243" style="fill:#000000" /> </g> </g> </a> </svg>