Help with Search and SVG.

0E800

First, I was trying to look up to see if my issues with SVG had been asked before... thats when I noticed the search bar cannot handle my 3 character search query.

So, how can search for SVG, AVI, MP3, WTF, ETC ....

I figure its just the way the developers have it set, but for anyone trying to search for file name extensions, it makes it difficult.

So my main question is how do I get SVGs to work nicely? I working on yet another BBcode extension which uses SVG: (https://jsfiddle.net/jgoymrut/)

I have it working to the extent that it shows up in the flarum forum, however, when I try to edit the post it gets all wierd. These are the errors in console:

XML Parsing Error: prefix not bound to a namespace
Location: http://54.71.117.121/d/3-custom-bbcodes/39
Line Number 1, Column 9036:  39:1:9036
:   forum-ad5b423d.js:46300
	init http://54.71.117.121/assets/forum-ad5b423d.js:46300:4
	<anonymous> http://54.71.117.121/assets/forum-ad5b423d.js:46365:1
	<anonymous> http://54.71.117.121/assets/forum-ad5b423d.js:40920:2
ReferenceError: s9e is not defined[Learn More]  forum-ad5b423d.js:19784:15
	updatePreview http://54.71.117.121/assets/forum-ad5b423d.js:19784:15
	configPreview http://54.71.117.121/assets/forum-ad5b423d.js:19786:13
	bound configPreview self-hosted:920:17
	scheduleConfigsToBeCalled/< http://54.71.117.121/assets/forum-ad5b423d.js:987:12
	m.render/< http://54.71.117.121/assets/forum-ad5b423d.js:1872:40
	forEach http://54.71.117.121/assets/forum-ad5b423d.js:731:39
	m.render http://54.71.117.121/assets/forum-ad5b423d.js:1872:3
	redraw/< http://54.71.117.121/assets/forum-ad5b423d.js:2074:5
	forEach http://54.71.117.121/assets/forum-ad5b423d.js:731:39
	redraw http://54.71.117.121/assets/forum-ad5b423d.js:2070:3
	m.redraw http://54.71.117.121/assets/forum-ad5b423d.js:2054:5
	animateToPosition http://54.71.117.121/assets/forum-ad5b423d.js:20121:13
	show http://54.71.117.121/assets/forum-ad5b423d.js:20161:13
	editAction http://54.71.117.121/assets/forum-ad5b423d.js:31500:11
	bound editAction self-hosted:914:17
	autoredraw/< http://54.71.117.121/assets/forum-ad5b423d.js:1805:12

Any clue as to how I can make this work would be appreciated.

0E800

Update: I resolved my issue with SVG.

Corrected code:

$event->configurator->BBCodes->addCustom(
            '[ELECTRIFY]{TEXT}[/ELECTRIFY]',
'<svg xmlns:xlink="www.w3.org/1999/xlink" width="100%" height="100%"><defs><text id="text" x="50%" y="50%" font-family="Voltaire" font-size="50px" font-weight="800" text-anchor="middle" alignment-baseline="middle">{TEXT}</text></defs><filter id="glow"> <feGaussianBlur id="glowBlur" stdDeviation="3.5" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="shock"><feTurbulence type="fractalNoise" baseFrequency="0.2" numOctaves="1" seed="2" result="noise" id="noise"> <animate attributeType="XML" attributeName="seed" from="2" to="120" dur="12s" repeatCount="indefinite"/></feTurbulence><feMorphology id="morph1" in="SourceGraphic" operator="dilate" radius="10" result="morph1" /><feMorphology id="morph2" in="morph1" operator="dilate" radius="2" result="morph2" /><feComposite operator="out" in="morph2" in2="morph1" result="strokeText"/><feDisplacementMap xChannelSelector="R" yChannelSelector="G" in="strokeText" in2="noise" result="displacementMap" color-interpolation-filters="sRGB" scale="10" /> <feGaussianBlur stdDeviation="5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="displacementMap"/> </feMerge></filter> <filter id="shock2"><feTurbulence type="fractalNoise" baseFrequency="0.2" numOctaves="1" seed="2" result="noise" id="noise"> <animate attributeType="XML" attributeName="seed" from="2" to="120" dur="10s" repeatCount="indefinite"/></feTurbulence><feMorphology id="morph3" in="SourceGraphic" operator="dilate" radius="1" result="morph1" /><feMorphology id="morph4" in="morph1" operator="dilate" radius="1" result="morph2" /><feComposite operator="out" in="morph2" in2="morph1" result="strokeText"/><feDisplacementMap xChannelSelector="R" yChannelSelector="G" in="strokeText" in2="noise" result="displacementMap" color-interpolation-filters="sRGB" scale="10" /> <feGaussianBlur stdDeviation="5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="displacementMap"/> </feMerge></filter> <use xlink:href="#text" id="textShock" x="2" y="2" filter="url(#shock)" stroke="0" stroke-width="1" fill="lightblue"/> <use xlink:href="#text" id="textShock" x="2" y="2" filter="url(#shock2)" stroke="0" stroke-width="1" fill="lime"/> <use xlink:href="#text" id="textFill" x="0" y="0" fill="white" /> <use xlink:href="#text" id="textGlow" x="0" y="0" filter="url(#glow)" stroke="lime" stroke-width="0.1" fill="transparent"/></svg>'

The fix:

Changed:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" ....>

to:
<svg xmlns:xlink="www.w3.org/1999/xlink" width="100%"...>

Solution was to remove the 'http://' as I guess the // jack up the code? (unsure)