jquery最小限のリッチテキストボックスプラグイン

Question

jquery最小限のリッチテキストボックスプラグイン

私は、私が取り組んでいるWebアプリケーションのための非常に最小限のjQueryリッチテキストボックスプラグインを探しています。

リッチフォーマットはすべて入力する内容に応じてコード化されるため、ユーザーは「テキストボックス」のみを表示する必要があり、ツールバーは表示されません。

I have attempted to create my own with an iframe, but there are problems. One of them being when wrapping strings in divs, the caret is moved to the beginning and it can't be moved inside the div without clicking. http://jsfiddle.net/DVjYa/

通常のテキストボックスのように動作する必要があるため、これは問題です。通常のテキストボックスでは、クリックすることなく矢印キーでナビゲートすることができます。したがって、なぜ私はこれらの問題を既に克服しているプラグインを探しているのですか？

3

追加された 06 2月 2012 〜で 12:16 著者 Nick 編集された 06 2月 2012 〜で 12:36

ビュー: 35

源

ru fr es pt de ar

この質問の最初の2つの答えを参照してください：追加された 06 2月 2012 〜で 12:43, 著者 bfavaretto, 源

3 答え

非常に軽量な CLEDITOR を使用することができます。すべてのツールバーボタンを無効にして、ツールバーを非表示にすることもできます。これに加えて、ツールバーが存在しないにもかかわらず、キーボードショートカット（CTRL + B/CTRL + I）を使用して選択を太字/斜体にすることができます。

Demo: http://jsfiddle.net/Rft3A/

4

追加された 17 2月 2012 〜で 11:04 著者 codef0rmer

源

著者 lahphim · Answer 1 · 2012-02-17T11:08Z

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

著者 Nikos M. · Answer 2 · 2015-05-17T06:14Z

ポストは少し古いですが、別の答えを追加します

Trumbowyg A lightweight and amazing WYSIWYG JavaScript editor - 15kB only (from github page)