Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery最小富文本框插件_Javascript_Jquery_Jquery Plugins_Richtextbox - Fatal编程技术网

Javascript jquery最小富文本框插件

Javascript jquery最小富文本框插件,javascript,jquery,jquery-plugins,richtextbox,Javascript,Jquery,Jquery Plugins,Richtextbox,我正在寻找一个非常小的jQuery丰富的文本框插件,用于我正在开发的web应用程序 用户只需要查看“文本框”,而不需要查看任何工具栏,因为所有丰富的格式都将根据它们键入的内容进行编码 我曾尝试使用iframe创建自己的iframe,但存在一些问题。其中之一是当在div中包装字符串时,插入符号会移动到开头,如果不单击,则无法在div中移动插入符号 这是一个问题,因为我需要它表现得像一个普通的文本框。在普通文本框中,您可以使用箭头键导航,而无需单击。因此,我正在寻找一个已经克服了这些问题的插件。您可

我正在寻找一个非常小的jQuery丰富的文本框插件,用于我正在开发的web应用程序

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

我曾尝试使用iframe创建自己的iframe,但存在一些问题。其中之一是当在div中包装字符串时,插入符号会移动到开头,如果不单击,则无法在div中移动插入符号

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

您可以使用非常轻量级的插件。您可以禁用所有工具栏按钮,也可以隐藏工具栏。除此之外,即使工具栏不存在,也可以使用键盘快捷键(CTRL+B/CTRL+I)将选择设置为粗体/斜体


演示:

将添加另一个答案,尽管帖子有点旧


一个轻量级且令人惊叹的WYSIWYG JavaScript编辑器-仅15kB(来自)

请参阅此问题的前两个答案:
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";                
        }
    }
});