jQuery минимальный rich textbox плагин

Я ищу очень минимальный плагин jQuery rich textbox для веб-приложения, над которым я работаю.

Пользователю нужно будет видеть только "текстовое поле", а не какие-либо панели инструментов, поскольку все богатое форматирование будет кодироваться в зависимости от того, что они печатают.

Я попытался создать свой собственный с помощью iframe, но есть проблемы. Одна из них заключается в том, что при обертывании строк в divs каретка перемещается в начало, и ее нельзя переместить внутрь div без щелчка. http://jsfiddle.net/DVjYa/

Это проблема, потому что мне нужно, чтобы он вел себя как обычное текстовое поле. В обычном текстовом поле вы сможете перемещаться с помощью клавиш со стрелками, не нажимая на них. Поэтому я ищу плагин, который уже преодолел эти проблемы.

3 3
javascript jquery jquery-plugins richtextbox

3 ответа:

Вы можете использовать CLEDITOR, который очень легкий. Вы можете отключить все кнопки панели инструментов и скрыть панель инструментов. В дополнение к этому, он позволяет сделать выделение полужирным / курсивным с помощью сочетаний клавиш (CTRL+B / CTRL+I), даже если панель инструментов не существует.

Демо: http://jsfiddle.net/Rft3A/

4
var editorDoc;

$(function() {
    var editor = document.getElementById ("editable");

    if (editor.contentDocument) {
        editorDoc = editor.contentDocument;
    } else {
        editorDoc = editor.contentWindow.document;
    }

    var editorBody = editorDoc.body;
    if ('contentEditable' in editorBody) {
        // allow contentEditable
        editorBody.contentEditable = true;
    }
    else {  // Firefox earlier than version 3
        if ('designMode' in editorDoc) {
            // turn on designMode
            editorDoc.designMode = "on";                
        }
    }
});
1

Добавит еще один ответ, хотя сообщение немного устарело

Trumbowyg легкий и удивительный редактор WYSIWYG JavaScript-только 15kB (из страницы github)

0