JQuery минимальный расширенный текстовый плагин - PullRequest
3 голосов
/ 06 февраля 2012

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

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

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

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

Ответы [ 3 ]

4 голосов
/ 17 февраля 2012

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

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

1 голос
/ 17 февраля 2012
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";                
        }
    }
});
0 голосов
/ 17 мая 2015

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

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

...