CUSTOM XML WYSIWYG EDIT

Is it possible to create our own WYSIWYG XML editor for my custom XML say for example like what XOPUS does,

Please guide me, i have tried google search to find the logic behind WYIWYG XML editors, but of no luck,

I want this to work on all browsers, i tried Amaya for PC usage

Here is my Custom XML

<?xml version="1.0" encoding="UTF-8"?>
<REFERENCES>
<JRNL ID="1">
<AUGRP><AUTHOR><INITS>D.</INITS><SEP> </SEP><SNM>Ahhdfhalto</SNM></AUTHOR><SEP>, </SEP>
<AUTHOR><INITS>L.</INITS><SEP> </SEP><SNM>Berhhhkovits</SNM></AUTHOR><SEP>, </SEP>
<AUTHOR><INITS>O. E.</INITS><SEP> </SEP><SNM>Kanhdhdssanen</SNM></AUTHOR><SEP> and </SEP>
<AUTHOR><INITS>H.</INITS><SEP> </SEP><SNM>Yhhue</SNM></AUTHOR></AUGRP><SEP>, `</SEP>
<ATITLE>Johhhn--Nirenhhdhberg lemmas for a doubling measure</ATITLE><SEP>', </SEP>
<JTITLE>Studia Math.</JTITLE><SEP> </SEP>
<VOLUME>204</VOLUME><SEP> (</SEP>
<ISSUE></ISSUE><SEP></SEP>
<YEAR>2011</YEAR><SEP>) </SEP>
<FPAGE>21</FPAGE><SEP>--</SEP>
<LPAGE>37</LPAGE><SEP>.</SEP>
</JRNL>
</REFERENCES>