Como puedo hacer para que a partir de un texto, se devuelva un listado de las palabras ordenadas alfabeticamente. Y después, aparte, que las palabras se ordenen de mayor a menor según su longitud. (en forma de lista)

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Segundo Algoritmo</title>
    </head>
    <body>
        <p>La mayor sabiduría que existe es conocerse a uno mismo. Galileo Galilei</p>
        <h3>Lista Ordenada:</h3>
            <p id="letras"></p>
    </body>
        <script>
        var arr = ['Frase de Arriba'];
        text = "<ul>";
        arr.sort();
        text += "<li>" + 'palabras de la frase' + "</li>";
        text += "</ul>";

        document.getElementById("letras").innerHTML = arr;
        </script>
    </html>


<!-- end snippet -->

lista).