Javascript jquery最小富文本框插件
我正在寻找一个非常小的jQuery丰富的文本框插件,用于我正在开发的web应用程序 用户只需要查看“文本框”,而不需要查看任何工具栏,因为所有丰富的格式都将根据它们键入的内容进行编码 我曾尝试使用iframe创建自己的iframe,但存在一些问题。其中之一是当在div中包装字符串时,插入符号会移动到开头,如果不单击,则无法在div中移动插入符号 这是一个问题,因为我需要它表现得像一个普通的文本框。在普通文本框中,您可以使用箭头键导航,而无需单击。因此,我正在寻找一个已经克服了这些问题的插件。您可以使用非常轻量级的插件。您可以禁用所有工具栏按钮,也可以隐藏工具栏。除此之外,即使工具栏不存在,也可以使用键盘快捷键(CTRL+B/CTRL+I)将选择设置为粗体/斜体Javascript jquery最小富文本框插件,javascript,jquery,jquery-plugins,richtextbox,Javascript,Jquery,Jquery Plugins,Richtextbox,我正在寻找一个非常小的jQuery丰富的文本框插件,用于我正在开发的web应用程序 用户只需要查看“文本框”,而不需要查看任何工具栏,因为所有丰富的格式都将根据它们键入的内容进行编码 我曾尝试使用iframe创建自己的iframe,但存在一些问题。其中之一是当在div中包装字符串时,插入符号会移动到开头,如果不单击,则无法在div中移动插入符号 这是一个问题,因为我需要它表现得像一个普通的文本框。在普通文本框中,您可以使用箭头键导航,而无需单击。因此,我正在寻找一个已经克服了这些问题的插件。您可
演示:将添加另一个答案,尽管帖子有点旧
一个轻量级且令人惊叹的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";
}
}
});