Java codes are not getting aligned properly, XML codes are not displaying

Hi,

Codes are not getting arranged properly. It losses the actually code formatting as it was in the actual code editor.

Also, whenever I paste any code which of .xml format, the entire code is hiding from the User Interface both in Edit Mode as well as in Live Mode.

I tried to put the below code, which is also not getting displayed.

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="https://java.sun.com/JSP/Page" version="2.1" xmlns:f="https://java.sun.com/jsf/core"
          xmlns:af="https://xmlns.oracle.com/adf/faces/rich">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <f:view>
        <af:document title="demo.jspx" id="d1">
            <af:form id="f1">
                <af:panelFormLayout id="pfl1">
                    <af:inputText label="Name" id="it1"/>
                    <af:inputText label="Email" id="it2" validator="#{pageFlowScope.MyBean.emailValidation}"
                                  autoSubmit="true"/>
                    <af:inputText label="Phone Number" id="it3"/>
                    <f:facet name="footer"/>
                </af:panelFormLayout>
            </af:form>
        </af:document>
    </f:view>
</jsp:root>

Thanks & Regards,
Susanto Paul