Question

我正在为我正在处理的网络应用寻找一个非常小的jQuery富文本框插件。

用户只需要查看“文本框”，而不是任何工具栏，因为所有丰富的格式都将根据其输入内容进行编码。

我试图用iframe创建自己的，但有问题。其中一个是在div中包装字符串时，插入符号被移动到开头，它不能在没有单击的情况下移动到div中。 http://jsfiddle.net/DVjYa/

这是一个问题，因为我需要它像普通的文本框一样。在普通文本框中，您可以使用箭头键导航而无需单击。因此，为什么我要寻找已经克服这些问题的插件。

Answer 1

您可以使用非常轻量级的CLEDITOR。您可以禁用所有工具栏按钮并隐藏工具栏。除此之外，它还允许您使用键盘快捷键（CTRL + B / CTRL + I）进行粗体/斜体选择，即使工具栏不存在也是如此。

Answer 2

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";                
        }
    }
});

Answer 3

会添加另一个答案，虽然帖子有点旧

Trumbowyg一个轻量级且令人惊叹的WYSIWYG JavaScript编辑器 - 仅限15kB（来自github page）

jquery最小的富文本框插件

3 个答案: