jquery 最小的富文本框插件答案

【问题标题】：jquery minimal rich textbox pluginjquery 最小的富文本框插件
【发布时间】：2015-07-01 03:14:30
【问题描述】：

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

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

我尝试使用 iframe 创建自己的 iframe，但出现了问题。其中之一是在 div 中包装字符串时，插入符号会移到开头，并且如果不单击就无法在 div 内移动。 http://jsfiddle.net/DVjYa/

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

【问题讨论】：

查看此问题的前两个答案：stackoverflow.com/questions/1181700/…

标签： javascript jquery jquery-plugins richtextbox

【解决方案1】：

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

演示：http://jsfiddle.net/Rft3A/

【讨论】：

【解决方案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";                
        }
    }
});

【讨论】：

【解决方案3】：

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

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

【讨论】：