¿Cuál es el mejor editor de textiles JQuery WYSIWYM?

rich-text-editor

Question

Necesito usar un Textile (preferiblemente en lugar de Markdown), y estoy buscando un buen editor JQuery WYSIWYM (no WYSIWYG, debido a this ).

He visto estos:

• WMD - Markdown, Stack Overflow lo usa
• MarkItUp : compatibilidad con textiles, pero no sé si es WYSIWYM
• WYMEditor

¿Cuál es compatible con buena salida HTML y textil?

Actualización : solo uso Markdown ahora, principalmente porque genera un html ligeramente más semántico y es mucho más ampliamente adoptado. Eso, y puede usar el editor Cloud9 Ace ( fuente en GitHub ) no solo para la reducción, sino para todo lo que TextMate hace.

Answer 1

No hay nada que encaje con lo que estás pidiendo fuera de la caja.

Creo que el editor de WYM es el mejor punto de partida. No vengo con el soporte de Textile fuera de la caja, pero se puede extender fácilmente. RDFaCE también es WYSIWYM.

Markitup no es WYSIWYM.

Answer 2

Recientemente me topé con el editor de markdown Jquery WYSIWYM . Con soporte de Markdown y un sólido back-end de jQuery, funciona bien para mis necesidades.

Está disponible en Creative Commons y puede ver el código a continuación: http://mjs7231.bitbucket.org/jquery-wysiwym/examples/markdown.live.html

Answer 3

Si le interesa la salida HTML válida (X) y no es estricto con jQuery, puede consultar Xinha: http://xinha.webfactional.com/

Es un buen editor, mantiene el código generado limpio y es bastante estable (con muchos complementos y habilidades).

Answer 4

Utilice Textile.js que es un analizador de textiles con todas las funciones en JavaScript.

Puede probar el editor web de Textile Live aquí Textile.js

Lo estoy usando en combinación con Markitup

Aquí está mi código simple:

$(document).ready(function () {
    init();
});

function init() {
    var $content = $(''.markitup''); // my textarea
    var $preview = $(''#textile-preview''); // the preview div

    $content.markItUp(mySettings); // init markitup

    // use a simple timer to check if the textarea content has changed
    var value = $content.val();
    setInterval(function () {
        var newValue = $content.val();
        if (value != newValue) {
            value = newValue;
            $preview.html(textile.convert(newValue)); // convert the textile to html
        }
    }, 500);
};

Answer 5

Sanskrit parece hacer WYSIWYG para la materia textil. Vea también: Resumen de WYSIWYG de Rails, Textile, and javascript .